Bar Chart features / examples
Open
Nobody has claimed this yet.
example
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 41
- Avg merge
- 2d 19h
- Merged PRs (30d)
- 16
Description
- Column and Bar
- Make sure works with Tooltip, Overlay, etc
-
Support both axises as bands- https://observablehq.com/@observablehq/plot-cell
- Better serviced by
Cellcomponent
- Brush / Zoom
- Brushing Bar Chart
- https://observablehq.com/@d3/zoomable-bar-chart
- https://observablehq.com/@didoesdigital/26-june-2020-d3-bar-chart-brush
- How to create a zoomable and animated Bar Chart with d3.js
- https://codepen.io/medeirosrich/pen/Wzwjzp
- https://stackoverflow.com/questions/70801202/d3-bar-chart-horizontal-pan
- Better date handling (https://github.com/techniq/layerchart/issues/62)
- Improve handling of Tooltips with group/stacked data (including adding some examples)
Examples
- https://observablehq.com/@d3/bar-chart-transitions
- https://observablehq.com/@d3/hierarchical-bar-chart
- Bar chart race
- https://observablehq.com/@d3/bar-chart-race
- https://observablehq.com/@mbostock/most-popular-programming-languages-2004-2021
- https://observablehq.com/@mbostock/bar-chart-race-with-scrubber
- https://observablehq.com/@d3/bar-chart-race-explained
- https://observablehq.com/@christophe-yamahata/bar-chart-race-with-images
- https://observablehq.com/d/300af6c9d781815d
- https://observablehq.com/@vasturiano/covid-19-bar-chart-race
- Diverging
- Waterfall
- https://observablehq.com/@kevante0421/power_bi_sample_chart
- https://observablehq.com/@declann/saas-model-experience-analysis
- https://observablehq.com/@rudzinski/waterfall-chart
- https://observablehq.com/d/3611d92e841428db
- https://vega.github.io/vega-lite/examples/waterfall_chart.html
- https://altair-viz.github.io/gallery/waterfall_chart.html
- https://codesandbox.io/p/sandbox/yjol7n7qq9?file=%2Findex.js
- https://observablehq.com/@kerryrodden/stacked-to-grouped-bars-o-matic
- https://observablehq.com/@d3/single-stack-normalized-horizontal-bar-chart
- https://observablehq.com/@d3/grouped-bar-chart
- https://observablehq.com/plot/marks/bar
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 reviewing the unchecked bar-chart examples listed in the issue, especially the transitions, hierarchical, diverging, normalized, and Plot examples. Compare them with the completed examples and determine which example or feature has a defined scope; done means the selected example is implemented and its checklist item can be marked complete.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- d3, typescript
- Domain
- data-visualization
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100