Supported Charts

Open techniq opened this issue 4 years ago • 0 comments

Basic

[x] Bar / Column
- [x] Vertical
- [x] Horizontal
- [x] Stacked
- [x] Grouped
- [x] Grouped and Stacked
  - Prototypes / API discussion
- [x] Percent Stacked
- [x] Separated Stacked
- [ ] Segmented bars
  - https://observablehq.com/@eesur/capsule-bars
  - https://observablehq.com/@eesur/simple-barcode
  - see also: https://next.layerchart.com/docs/examples/Arc#segmented_arc
[x] Line
- https://observablehq.com/@d3/multi-line-chart
[x] Area
[x] Area Stack
[x] Threshold
[x] Pie / Donut
- https://svelte.dev/repl/82e6803a2e3e4862ba292838fb7ace50?version=3.44.2
[ ] Bump
- https://observablehq.com/@jonhelfman/shuffling-algorithms/2
[ ] Parallel Coordinates
- https://observablehq.com/@jerdak/parallel-coordinates-d3-v4
- https://observablehq.com/@elementa/block-87-mixed-use-tower
[ ] Parallel Sets
- https://observablehq.com/@d3/parallel-sets
- https://observablehq.com/@john-guerra/parallel-sets
- https://observablehq.com/@d3/brexit-voting
[ ] Slope Chart
- https://observablehq.com/@d3/slope-chart
- https://observablehq.com/@d3/slope-chart/2
- https://observablehq.com/@d3/cancer-survival-rates
[ ] Heatmap
[ ] Ridgeline (occlusion)
- https://observablehq.com/@d3/ridgeline-plot
- https://observablehq.com/@ssiegmund/ridgeline-playground
- https://observablehq.com/@nikomccarty/ridgeline-kde
- https://observablehq.com/@mbostock/psr-b1919-21
- https://observablehq.com/@observablehq/plot-ridgeline/2
[ ] Venn Diagram
- https://observablehq.com/@laotzunami/proportional-venn-diagram
- https://observablehq.com/@laotzunami/visual-data-join-matrix
- https://blog.codinghorror.com/a-visual-explanation-of-sql-joins/
[x] Radar Chart
- https://observablehq.com/@saneef/radar-chart?collection=@saneef/data-notes
- https://airbnb.io/visx/radar
[x] Radial Line
- https://airbnb.io/visx/lineradial
[ ] Radial Bar Chart
- https://observablehq.com/@d3/radial-stacked-bar-chart
- https://observablehq.com/@d3/radial-stacked-bar-chart-ii
- https://observablehq.com/@analyzer2004/fancy-radial-bars
- https://observablehq.com/@thetylerwolf/day-17-radial-bar-chart
- https://observablehq.com/@timlafferty/radial-bar-chart
[x] Sparkline (Tiny Charts)
- https://observablehq.com/@hamzaamjad/tiny-charts
- https://observablehq.com/@hamzaamjad/covid-cases-by-state (easily seeing high/low value as dot)
[x] Beeswarm / Dodge
- https://observablehq.com/@fil/spotify-pop-artists
- https://observablehq.com/@maritrinez/d3-brushable-timeline-beeswarm
- https://observablehq.com/@fil/spotify-pop-artists
- https://observablehq.com/plot/transforms/dodge
- https://williaster.github.io/data-ui/?selectedKind=xy-chart&selectedStory=CirclePackSeries&full=0&addons=0&stories=1&panelRight=0
- https://observablehq.com/@recifs/dodge-text
- https://observablehq.com/@observablehq/plot-dodge-penguins
- https://observablehq.com/@observablehq/plot-dodge-cars
- https://observablehq.com/@neocartocnrs/dots
- https://observablehq.com/d/b7feb27022a8250d
- https://observablehq.com/@6030d10168b70075/beeswarm-versus-dodging
- https://observablehq.com/@observablehq/plot-image-dodge
- https://observablehq.com/@climatelab/label-dodging
[x] Candlestick
- https://observablehq.com/@observablehq/plot-candlestick-chart
- https://observablehq.com/@observablehq/observable-plot-candlestick
- https://www.tradingview.com/lightweight-charts/
[ ] Waterfall
- vx waterfall
- https://observablehq.com/@rudzinski/waterfall-chart
- [https://observablehq.com/d/25d62b20cad25216](Hacking Power BI Charts with Plot)
[ ] Waffle
- https://observablehq.com/@fil/waffle-chart
- https://observablehq.com/plot/marks/waffle
- https://observablehq.com/@analyzer2004/waffle-chart
- https://jkunst.com/d3-waffle/
- https://github.com/chiangs/waffle-chart
- https://www.williamrchase.com/writing/2019-10-13-animated-waffle-charts-with-d3-and-gsap
- https://multimedia.report/classes/coding/2019/exercises/basicwafflechart/
- https://datavizproject.com/data-type/percentage-grid/
- https://observablehq.com/@datavizcowboy/stacked-dots
- https://observablehq.com/@eesur/waffle-chart
- https://observablehq.com/d/eb7fbdc09e96319b
- https://observablehq.com/@severo/parquet-diff

Hierarchy

[x] Tree
[x] Treemap
[x] Circle pack
[x] Sankey
- https://svelte.dev/repl/e5a640408459450bb6073e7962b1b770?version=3.44.2
[x] Icicle
[x] Sunburst
[ ] Chord
[x] Funnel
[ ] Small multiples / Separated

Time

[ ] Timeline
[x] Cleveland / Dot plot
- https://observablehq.com/@d3/tree-of-life
[x] Calendar

Interaction

[x] Pan / Zoom
[x] Brush

Statistics / Analytics

[ ] Category / Binning
[x] Trend line
[x] Reference line
[ ] Windowing
- Cumulative
- Moving averages, min/max, etc
[ ] Top N + Others (aggregate smaller values together, either by count or by a threshold)
[ ] Box plot
[x] Histogram
[ ] Bullet
[ ] Bollinger bands
- https://observablehq.com/@d3/bollinger-bands?collection=@d3/charts

Other

[ ] Upset plot
- https://observablehq.com/@spren9er/upset-plots-with-observable-plot
- https://github.com/upsetjs/upsetjs
- https://observablehq.com/@trebor/upset-demonstrator
- https://observablehq.com/@spond/comparing-sets-of-called-variants
- https://observablehq.com/@sgratzl/upset-observable-example
- https://observablehq.com/@jwolondon/upset-plots-and-propositional-logic
- https://observablehq.com/@mdeagen/interactive-upset-plot-template
- https://observablehq.com/@mdeagen/interactive-upset-plot-vega-lite
[ ] Horizon plot
- https://observablehq.com/@d3/horizon-chart
- https://observablehq.com/@d3/horizon-chart-ii
- https://observablehq.com/@d3/canvas-horizon-chart
- https://observablehq.com/@d3/realtime-horizon-chart
- https://observablehq.com/@observablehq/plot-horizon
- https://observablehq.com/@observablehq/timechart
- https://observablehq.com/@observablehq/plot-unemployment-horizon-chart
- see also: ridgeline

Supported Charts

Basic

Hierarchy

Time

Interaction

Statistics / Analytics

Other

See also