Skip to content

Draft

This page is incomplete and may change as Holochart approaches its first alpha.

Chart types ​

Each chart type is drawn by one or more trace types. Some chart types are their own trace type (bar, pie). Others are a way of configuring an existing one: a line chart is a scatter trace with mode: 'lines'. The milestone column shows when each chart type is planned to land. See the roadmap for what each milestone contains.

Linked charts have a page, or a section of a page until they get their own. Pages for other chart types are added as their traces land.

Basic ​

ChartTrace type(s)Milestone
Scatterscatter (mode: 'markers')M1
Linescatter (mode: 'lines')M1
Bubblescatter (sized markers)M2
Dotscatter (recipe)M2
Areascatter (fill, stackgroup)M2
BarbarM1
Horizontal Barbar (orientation: 'h')M1
PiepieM2
TabletableM2
Ganttbar (with a timeline helper)M2
Error Barserror_x / error_y on scatter, barM1

Statistical ​

ChartTrace type(s)Milestone
HistogramhistogramM3
2D Histogramhistogram2dM3
Density Contourhistogram2dcontourM3
BoxboxM3
ViolinviolinM3
Stripbox (points only, with a helper)M3
ECDFscatter (Express hx.ecdf)M3
Distplothistogram, scatter (ff.distplot)M3
Marginalshistogram, box, violin on linked subplotsM3
SPLOMsplomM3
Parallel CoordinatesparcoordsM3
Parallel CategoriesparcatsM3

Scientific ​

ChartTrace type(s)Milestone
HeatmapheatmapM4
ContourcontourM4
ImageimageM4
Log Plotsany cartesian trace with type: 'log' axesM1
PolarscatterpolarM4
Radarscatterpolar (fill: 'toself')M4
Wind Rosebarpolar (stacked)M4
TernaryscatterternaryM7
QuiverquiverM7
StreamlinestreamlineM7
Dendrogramscatter (via a helper)M7
Carpetcarpet, scattercarpet, contourcarpetM8

Financial ​

ChartTrace type(s)Milestone
Time Seriesscatter, bar on date axesM4
OHLCohlcM4
CandlestickcandlestickM4
WaterfallwaterfallM4
FunnelfunnelM4
Funnel AreafunnelareaM4
IndicatorsindicatorM4
Range Slider & Breaksaxis features (rangeslider, rangebreaks)M3

Hierarchical & Flow ​

ChartTrace type(s)Milestone
SunburstsunburstM5
TreemaptreemapM5
IcicleicicleM5
SankeysankeyM5

3D ​

The 3D overview compares the 3D chart types and summarizes scenes, performance and the differences from Plotly.

ChartTrace type(s)Milestone
Scatter3Dscatter3dM6
SurfacesurfaceM6
Mesh3Dmesh3dM6
ConeconeM6
StreamtubestreamtubeM6
VolumevolumeM6
IsosurfaceisosurfaceM6
Bar3Dbar3d (Holochart only)M6
3D Axes & Cameralayout.sceneM6

Maps ​

Projected maps were built ahead of their milestone: the geo subplot, scattergeo and choropleth are available. They are in @mk7s/holochart-traces-geo, which the full bundle leaves out, so a page with a map adds import '@mk7s/holochart/geo': see Maps. The 3D globe and tile maps are planned.

ChartTrace type(s)Milestone
Scatter on mapsscattergeoM8
Lines on mapsscattergeo (mode: 'lines')M8
Bubble mapscattergeo (sized markers)M8
ChoroplethchoroplethM8
Projections & Geo Subplotslayout.geoM8
3D Globescattergeo, choropleth on a globeM8
Tile mapsscattermap, choroplethmapM8
Density mapdensitymapM8

Network graphs ​

Node-link drawings, chord diagrams and their 3D form are Holochart's own: Plotly.js has no graph trace. They are in @mk7s/holochart-traces-graph, which the full bundle leaves out, so a page with a network adds import '@mk7s/holochart/graph': see Network graphs.

ChartTrace type(s)Milestone
Network graphgraph—
Force-directed graphgraph (arrangement: 'force')—
Layered diagram (DAG)graph (arrangement: 'layered')—
Tree, radial treegraph (arrangement: 'tree', 'radial')—
Dendrogramgraph (arrangement: 'dendrogram')—
Arc diagramgraph (arrangement: 'arc')—
Hive plotgraph (arrangement: 'hive')—
Chord diagramchord—
3D network graphgraph3d—
Adjacency matrixheatmap (with a helper)—

Released under the MIT License.