Чем темнее клетка, тем выше балл по этому показателю.
МеньшеБольше
Последняя проверка Источники и титрыМедиа-кредитыМетодология
Короткие ответы
Когда выбирать «Быстрые диаграммы Chart.js»?
Когда история такая: внутренние инструменты, студенческие веб-проекты, легкие маркетинговые страницы.
Когда избегать?
В случаях вроде: вам нужны только карты, Sankeys или векторные файлы для публикации..
Кто изобрёл или распространил?
Chart.js стал стартовой диаграммой MIT по умолчанию для Интернета.
Что кодирует?
метки, нарисованные на холсте из небольшого объекта конфигурации
Можно в рекламе?
Да, если тезис виден сразу в Meta, Google и печать; иначе ссылка на полный рисунок.
Примет учитель?
Да для лабораторные и стенды, если есть оси, единицы и строка источника.
Быстрые диаграммы Chart.js кодирует значения как метки, нарисованные на холсте из небольшого объекта конфигурации. Chart.js стал стартовой диаграммой MIT по умолчанию для Интернета..
В отчётах, рекламе и заданиях: внутренние инструменты, студенческие веб-проекты, легкие маркетинговые страницы. Избегайте, если вам нужны только карты, Sankeys или векторные файлы для публикации..
ПО
- Chart.js — Простые документированные диаграммы — лицензированы MIT. · MIT · github.com/chartjs/Chart.js
- datalabels plugin — Поместите цифры на столбцы, если легенды недостаточно. · MIT · github.com/chartjs/chartjs-plugin-datalabels
- Awesome Chart.js — Кураторские плагины и адаптеры, поддерживаемые сообществом. · MIT · github.com/chartjs/awesome
- ECharts (step up) — Выпускник здесь, когда Chart.js кажется слишком маленьким. · Apache-2.0 · github.com/apache/echarts
- Line demo SVG — Серверные линейные диаграммы SVG для чтения с печатью и без JS. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Экспорт
- Экспорт 1 — SVG
- Экспорт 2 — PDF
- Экспорт 3 — EMF/SVG в слайды (без скриншотов)
- Экспорт 4 — SVG для веба, PDF для печати
Доступность
- Доступность 1 — Никогда не цвет один. Сложите узор, подпись и положение.
- Доступность 2 — 4,5:1 для текста, 3:1 для крупных марок.
- Доступность 3 — Короткий alt у графика; числа также HTML-таблицей.
- Доступность 4 — Движение только как акцент. Уважайте prefers-reduced-motion.
«Быстрые диаграммы Chart.js»: чтите метки, нарисованные на холсте из небольшого объекта конфигурации и меняйте, если вам нужны только карты, Sankeys или векторные файлы для публикации..