G2Plot

Библиотека графиков на основе грамматики графики (Grammar of Graphics).

Сайт • Быстрый старт • Блог • AntV ThemeSet

Описание

G2Plot — это простая, удобная и расширяемая библиотека статистических графиков, основанная на теории грамматики графики. G2 в названии G2Plot означает Grammar of Graphics, а также является данью уважения ggplot2. Мы стремимся к трём вещам:

1. Пользователи могут легко создавать красивые графики без необходимости быть экспертами в области визуализации.
2. Графики должны выдерживать проверку бизнесом и быть удобными в реальных сценариях использования.
3. Исследовать больше возможностей для статистических графиков, делая их более увлекательными и крутыми.

Особенности

Готовая к использованию и высококачественная визуализация

G2Plot предоставляет пользователям набор упрощённых визуальных языков и дизайнерских стандартов, основанных на корпоративных продуктах. Не только общий визуальный стиль графиков был оптимизирован, но и для каждого графика были разработаны оптимальные конфигурации, чтобы пользователи могли создавать элегантные и стандартные графики с минимальными настройками.

Адаптивность: делаем графики умнее

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

Шаг вперёд: графики, которые рассказывают истории

В системе G2Plot графики — это не просто отдельные элементы, концепция слоёв позволяет объединять, накладывать и связывать несколько графиков, создавая единую историю данных. В будущем мы продолжим исследовать возможности преобразования статистических графиков в информационные графики и обогащения выразительности статистических графиков.

Установка

$ npm install @antv/g2plot

Использование

import { Bar } from '@antv/g2plot';

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
];

const bar = new Bar('container', {
  data,
  xField: 'sales',
  yField: 'year',
  seriesField: 'year',
});

bar.render();

Участие

Мы приветствуем ваш вклад! Будь то проблема или PR.

Для вопросов о проблемах сначала ознакомьтесь с issues.

Чтобы внести код, следуйте руководству по внесению вклада.

Спасибо следующим участникам (emoji key):

href="https://github.com/antvis/G2Plot/commits?author=hustcc" title="Code">💻

_{Джоэл Алан}

_{Лю Цзэнин}

_zqlu

_arcsin1

_{Отфильтрованный воздух}

_banli

_{xi li}

_{Даррен Пэй}

_{Мини Пир}

_connono

_{Юй Вэньцзе}

_afc163

_{Мартин Юл}

_{Джинхуэй Вонг}

Номер группы WeChat: 30233731 / 35686967 (группа 2) / 44788198 (группа 3).

🔗 Ссылки по теме

ChartCube — онлайн-инструмент для создания графиков на основе G2Plot, простой в использовании и с возможностью экспорта кода графика одним нажатием!

Лицензия

MIT