OrbCharts Documentation

OrbCharts is a data-driven JavaScript chart library built on D3.js and RxJS. Its core idea: prepare a data format first, then choose a Plugin to render it. Each Plugin is composed of composable Layers, and the same data can map to several different visualizations.

First time here? We recommend starting with Installation and Your First Chart, then reading Core Concepts.

Chart index

Find the right Plugin by "what chart do I want to draw". Each Plugin page has full examples and parameter references.

Grid (category axis × value axis)

Chart	Layer	Plugin
Bar chart	`Bar`	GridPlot
Line chart	`Line`	GridPlot
Area chart	`LineArea`	GridPlot
Stacked bar	`StackedBar`	GridPlot
Triangle bar	`TriangleBar`	GridPlot
Racing chart	`RacingBar`	RacingPlot
Ranked bubble	`RankedBubble`	RankedPlot

Series (categorical values)

Chart	Layer	Plugin
Pie chart	`Pie`	PartitionPlot
Rose chart	`Rose`	PartitionPlot
Bubble chart	`Bubble`	PartitionPlot
Categorical bubble	`RaisedBubble`	CategoricalPlot

Multivariate (multi-dimensional values)

Chart	Layer	Plugin
Scatter plot	`Point`	ScatterPlot
Bubble chart (XY)	`Bubble`	ScatterPlot

Graph (nodes and edges)

Chart	Layer	Plugin
Force-directed graph	`ForceDirected`	NetworkPlot
Force-directed bubble	`ForceDirectedBubble`	NetworkPlot

Tree (hierarchy)

Chart	Layer	Plugin
TreeMap	`TreeMap`	HierarchyPlot

Utility Plugins

Plugin	Purpose
Legend	Interactive legend
Tooltip	Hover tooltip