🌍 Public
Dynamic Bar Chart
GGabrielle Nyirjesy
Last edited Dec 3, 2021
Created on Dec 2, 2021
This dynamic bar chart visualizes crimes against women in India, showing the number of assault cases for each state in a selected year. A dropdown menu lets users switch between years, while bars transition smoothly to updated values and re-sort in descending order. The visualization uses D3 v7 APIs including `csv`, `rollups`, `scaleLinear`, and `scaleBand`, with `transition` and `easeLinear` for animation. Bars change opacity on hover, and value labels appear at the end of each bar. The dataset comes from a CSV hosted in a GitHub gist.
AI-generated descriptionDataset: https://gist.github.com/lzlazmSylas/6be318f1ef48498d10f831bbd78782f3#file-crimes_against_women-csv
X-axis: Number of cases
Y-axis: State
New things:
- Fix bug by filtering the "Year" column and set it to specified year. Now there is no bar staked together.
- Sort the data in descending order.
- Added hover effect to each bar in his visualization.
MIT Licensed
Comments
Sign in to join the discussion.