Чем темнее клетка, тем выше балл по этому показателю.
МеньшеБольше
Последняя проверка Источники и титрыМедиа-кредитыМетодология
Короткие ответы
Когда выбирать «D3 индивидуальный ремесло»?
Когда история такая: новые формы, исследовательские фигуры, индивидуальные объяснители.
Когда избегать?
В случаях вроде: панель Chart.js уже отвечает на вопрос менеджера.
Кто изобрёл или распространил?
Майк Босток D3 (2011) — по-прежнему основа кастомной индустрии.
Что кодирует?
данные присоединяются к меткам SVG/Canvas с явными масштабами
Можно в рекламе?
Да, если тезис виден сразу в Meta, Google и печать; иначе ссылка на полный рисунок.
Примет учитель?
Да для лабораторные и стенды, если есть оси, единицы и строка источника.
D3 индивидуальный ремесло кодирует значения как данные присоединяются к меткам SVG/Canvas с явными масштабами. Майк Босток D3 (2011) — по-прежнему основа кастомной индустрии..
В отчётах, рекламе и заданиях: новые формы, исследовательские фигуры, индивидуальные объяснители. Избегайте, если панель Chart.js уже отвечает на вопрос менеджера.
ПО
- D3 — Модули масштабов, форм, иерархий и прочего — ISC. · ISC · github.com/d3/d3
- d3-shape — Генераторы линий, площадей, стеков и дуг. · ISC · github.com/d3/d3-shape
- d3-scale — Честно сопоставьте домены данных с визуальными диапазонами. · ISC · github.com/d3/d3-scale
- Observable Plot — Грамматика семейства D3 более высокого уровня, если вам нужна скорость. · ISC · github.com/observablehq/plot
- Vega — Альтернатива грамматике времени выполнения для сложных интерактивных спецификаций. · BSD-3-Clause · github.com/vega/vega
Экспорт
- Экспорт 1 — SVG
- Экспорт 2 — PDF
- Экспорт 3 — EMF/SVG в слайды (без скриншотов)
- Экспорт 4 — SVG для веба, PDF для печати
Доступность
- Доступность 1 — Никогда не цвет один. Сложите узор, подпись и положение.
- Доступность 2 — 4,5:1 для текста, 3:1 для крупных марок.
- Доступность 3 — Короткий alt у графика; числа также HTML-таблицей.
- Доступность 4 — Движение только как акцент. Уважайте prefers-reduced-motion.
«D3 индивидуальный ремесло»: чтите данные присоединяются к меткам SVG/Canvas с явными масштабами и меняйте, если панель Chart.js уже отвечает на вопрос менеджера.