Skip to content Перейти к разделу
Всё о визуализации

W Способы

Двадцать практических пособий — контрастность, сетки, Русалка, ECharts, D3, Lucide и другие — с лицензиями и ссылками на GitHub.

A11Y Проверка контрастности WCAG

Перед отправкой проверьте контрастность текста и фона — это самый быстрый способ обеспечить доступность слайдов, сайтов и плакатов.

Открыть →

PAL Конструктор палитр и масштабов

Создавайте категориальные, последовательные и разнообразные палитры, которые выдержат печать и просмотр с дальтонизмом.

Открыть →

Aa Типографический масштаб

Выберите модульную шкалу, чтобы заголовки, основная часть и подписи не конфликтовали друг с другом на слайдах и одностраничных страницах.

Открыть →

GRID Слайд и сетка документа

Выровняйте каждый блок по простой сетке, чтобы отчеты, презентации и плакаты выглядели продуманно без участия дизайнера.

Открыть →

CHOOSE Решение по преобразованию данных в диаграмму

Прежде чем открывать какой-либо инструмент, сопоставьте вопрос с кодировкой (сравнение, тенденция, часть к целому, корреляция).

Открыть →

MM Текстовые диаграммы русалок

Напишите блок-схему или последовательность действий в виде обычного текста — с возможностью версии, просмотра и бесплатно через Mermaid.

Открыть →

SEQ Шаблоны диаграмм последовательности

Покажите, кто с кем разговаривает во времени — шаблон офиса и класса для API, передачи обслуживания и протоколов.

Открыть →

SKETCH Каркасы эскизов Excalidraw

Нарисуйте идею с помощью Excalidraw перед полировкой — четкость рисунка лучше, чем преждевременная пиксельная обработка.

Открыть →

EC Панели мониторинга Apache ECharts

Поставляйте интерактивные офисные информационные панели с Apache ECharts — Apache-2.0, огромный каталог диаграмм, без использования собственных средств очистки.

Открыть →

CJ Быстрые диаграммы Chart.js

Перетащите Chart.js на страницу для честных баров и линий, если вам сегодня нужен веб-диаграмма, а не платформа.

Открыть →

D3 D3 индивидуальный ремесло

Используйте D3, когда кодировка не существует в шаблоне — полный контроль, более высокая стоимость разработки.

Открыть →

VL Грамматика Вега-Лайт

Объявляйте кодировки в формате JSON с помощью Vega-Lite — воспроизводимых диаграмм, обучающих грамматике графики.

Открыть →

PLOT Набор наблюдаемых графиков

Стройте аккуратные таблицы с помощью Observable Plot — лаконичного, лицензированного ISC и удобного для объяснения анализа анализа.

Открыть →

ROUGH Аннотация Rough.js

Используйте штрихи Rough.js, чтобы комментировать и подчеркивать — убедительность с помощью человечных знаков, а не хрома.

Открыть →

SANK Истории потока Санки

Расскажите, как количество перемещается между этапами с помощью Санки — бюджеты, воронки и истории энергии.

Открыть →

NET Карты сетевых графов

Отображайте отношения в виде узлов и связей (команды, цитаты, зависимости) с помощью открытых библиотек графов.

Открыть →

MAP Карты-истории Choropleth

Затеняйте регионы по ставкам — выборы, здоровье, продажи — с помощью открытых геостеков и честных цветовых шкал.

Открыть →

ICO Открытые системы иконок

Выберите один открытый набор значков и придерживайтесь его — последовательные метафоры превосходят смешанный клипарт в колодах и продуктах.

Открыть →

CV Возобновить инфографический рецепт

Создайте одностраничное визуальное резюме: сетка, масштаб шрифта, честные панели навыков, открытые значки — без дампа клипартов.

Открыть →

QBR Визуализация квартального отчета

Повторяемый квартальный пакет: водопадный мост, линии тренда, контрастный шрифт, одна идея на слайд.

Открыть →