Charts
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 41
- Avg merge
- 2d 19h
- Merged PRs (30d)
- 16
Description
Basic
- Bar / Column
- Vertical
- Horizontal
- Stacked
- Grouped
- Grouped and Stacked
- Percent Stacked
- Separated Stacked
- Segmented bars
- Line
- Area
- Area Stack
- Threshold
- Pie / Donut
- Bump
- Parallel Coordinates
- Parallel Sets
- Slope Chart
- Heatmap
- Ridgeline (occlusion)
- Venn Diagram
- Radar Chart
- Radial Line
- Radial Bar Chart
- Sparkline (Tiny Charts)
- https://observablehq.com/@hamzaamjad/tiny-charts
- https://observablehq.com/@hamzaamjad/covid-cases-by-state (easily seeing high/low value as dot)
- 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
- Candlestick
- 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
- Flame graph
- https://github.com/spiermar/d3-flame-graph
- https://d3js.org/d3-hierarchy/partition
- https://grafana.com/docs/grafana/latest/visualizations/panels-visualizations/visualizations/flame-graph/
- https://observablehq.com/@pgiraud/flame-graph-for-postgresql-query-plan
- https://observablehq.com/@cimi/jfr-flamegraph
- https://observablehq.com/@dingoeatingfuzz/broccoli-tree-timings
- https://github.com/pyatyispyatil/flame-chart-js
- https://www.highcharts.com/demo/highcharts/flame
Hierarchy
- Tree
- Treemap
- Circle pack
- Sankey
- Icicle
- Sunburst
- Chord
- Funnel
- Small multiples / Separated
Time
- Timeline
- Cleveland / Dot plot
- Calendar
Interaction
- Pan / Zoom
- Brush
Statistics / Analytics
- Category / Binning
- Trend line
- 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
- Histogram
- Bullet
- Bollinger bands
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
- 3D (Three.js / Threlte) (WebGL/Canvas)
See also
- https://www.d3-graph-gallery.com/index.html
- https://observablehq.com/@mootari/d3-gallery-index
- https://developers.google.com/chart/interactive/docs/gallery
- https://c3js.org/examples.html
- https://echarts.apache.org/examples/en/index.html
- https://apexcharts.com/javascript-chart-demos/
- https://nivo.rocks/components/
- https://observablehq.com/@d3/gallery
- https://blog.chrt.io/2021/03/16/imitating-the-best.html
- https://blog.datawrapper.de/
- https://www.fusioncharts.com/fusioncharts
- https://www.fusioncharts.com/fusiontime
- https://observablehq.com/@analyzer2004/plot-gallery
- https://datavizcatalogue.com/index.html
- http://christopheviau.com/d3list/gallery.html
- https://observablehq.com/@stroked/show-reel-original?collection=@stroked/show-reel
- https://lvcharts.com/docs/blazor/2.0.0-beta.330/gallery
- https://datavizproject.com
- https://www.anychart.com/chartopedia/chart-type/
- https://r-graph-gallery.com/index.html
- https://www.dataviz-inspiration.com/
- https://www.amcharts.com/demos/
- https://www.think-cell.com/en
- https://observablehq.com/@observablehq/plot-gallery
- https://d3og.com/
- https://g2-v3.antv.vision/en/examples/gallery
- https://g2plot.antv.antgroup.com/en/examples
- https://www.tradingview.com/lightweight-charts/
- https://recharts.org/en-US/
- https://ui.tailus.io/
- https://github.com/antfu/nanovis
- https://idl.uw.edu/mosaic/
- https://pair-code.github.io/facets/
- https://graphique.dev/
- https://flowbite.com/docs/plugins/charts/
- https://grafana.com/docs/grafana/latest/visualizations/panels-visualizations/visualizations/
- https://www.everviz.com/chart-examples/
- https://semiotic.nteract.io/
- https://anyplot.ai/
- https://lightningchart.com/js-charts/interactive-examples/
- https://tryopendata.github.io/openchart/?story=welcome--welcome
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by choosing one unchecked chart or analytics item and reviewing its linked Observable or Svelte examples. Done would require a defined scope, an implementation in the repository's chart components, and an updated checklist; no file or test entry point is named.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- d3, typescript
- Domain
- data-visualization, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 15/100