@drawoharaя ❤️ це! << клікни мене 🐛 🫖 🧚
/data-visualization-with-google-sheets-and-d3--js
опубліковано: 2018-10-11

Є люди, які дивляться на електронну таблицю і бачать магію. Є й інші, які дивляться на електронну таблицю, і їхні очі стають розмитими, і відчувається сильне бажання вздрімнути. Без суддівства над будь-яким типом, але іноді потрібно зробити це легше для сприйняття.

Розміщення рядків і стовпців даних у форматі, який допомагає людям зрозуміти "про що це все", зазвичай називається візуалізація даних. Є багато інструментів для створення діаграм і графіків з електронних таблиць - включаючи ті, що вбудовані в Excel або Google Sheets. Іноді, однак, потрібно щось більш потужне - і найкращий інструмент для цієї роботи - це D3.

Наприклад: dojo4 нещодавно завершила роботу для 350.org - організації, яка зосереджена на зменшенні використання викопного палива та переході на 100% відновлювані джерела енергії. Ми використовували концепцію хордової діаграми для представлення зусиль кількох груп і організацій, які націлені на міжнародні банки, що фінансують проекти з викопного палива по всьому світу. Кольорове кодування надає швидкий огляд груп і їхньої конкретної уваги до викопного палива.

350-chord-diagram-base.jpg

Користувачі можуть навести курсор на організацію і побачити, на які банки вони ціляться:
350-d3-chord-diagram-hover1.jpg

Або навести курсор на банк і побачити, які групи ціляться на цей конкретний банк.
350-d3-chord-diagram-hover2.jpg

(зауважте, що назви банків і організацій були видалені для приватності)

Ця хордова діаграма була динамічно створена з використанням спільної електронної таблиці Google за допомогою Google App Script і спеціального JavaScript, який приєднаний до таблиці. Цей самостійний зв'язок допомагає забезпечити, що вихідні дані та код для створення діаграми не втрачають свого зв'язку, і будь-які оновлення спільної таблиці автоматично оновлюють діаграму.

Мені сподобалось працювати з dojo4. Команда дійсно хотіла зрозуміти, як візуалізація моїх даних буде корисною, і, здається, вони працювали звідси. Тепер у мене є доступний і захопливий графік, який розповідає історію про те, де є прогалини, надмірності та можливості для більшої координації. Я оцінив, як вони взяли час, щоб вивчити естетику моєї організації та працювали над тим, щоб відповідати нашому стилю. –Старший глобальний аналітик, 350.org