Skip to main content
SimilarExport ZIP
100%

Fork of Chart

✓ Published0🌍 Public
NNaveenaS12
Last edited Jan 18, 2022
Created on Jan 10, 2022
Forked from Chart

This interactive visualization explores crime rates against women across Indian states. It combines a color-coded choropleth map with two animated donut charts, allowing users to filter by year and crime type through dropdown menus. The main map displays state-level data while the donuts break down the numbers by specific offenses. The visualization uses D3.js v7 to render the geographical shapes and chart animations, pulling data from a CSV file hosted on GitHub. Its distinct color scheme helps distinguish various crime categories at a glance.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Chart

This interactive visualization presents crime statistics against women across Indian states, combining a choropleth map with two donut charts. Users select a year and crime type from dropdown menus to update the map, while separate donut charts break down crime distribution by year and offense category. The visualization uses D3 v7 with `d3.geoPath` for rendering the TopoJSON map, `d3.rollups` for data aggregation, and animated transitions for donut chart updates. The dataset comes from a CSV file tracking crimes against Indian women, with color-coded thematic mapping per crime category.

Llenamax2355
96% match
Loading thumbnail…

Fork of Chart

This interactive visualization displays crime statistics against women in India across states and years. It combines an animated choropleth map of India with two interactive donut charts, allowing users to filter data by year and crime type through dropdown menus. The map shows geographic distribution, while the donut charts summarize proportions by year and crime category. Built with D3 v7, the visualization uses `d3.rollups`, `d3.scaleOrdinal`, and `topojson` for geographic processing. The code fetches data from a GitHub Gist CSV and India state boundary TopoJSON, rendering with animated transitions on user selections.

SSejeong Park
95% match
Loading thumbnail…

Fork of Fork of Chart

This interactive dashboard visualizes crime statistics against women in India, using a choropleth map alongside two donut charts. The map displays crime counts per state, while the donut charts break down data by crime type and year, with dropdown menus to switch between selections. Built with d3.v7, the visualization uses d3.scaleOrdinal for color encoding and d3.rollups for data aggregation. The map geometry uses topojson, and the data comes from a CSV file of Indian crime statistics. The charts incorporate simple animations when rendered.

PPedram
95% match
Loading thumbnail…

Fork of Chart

This example displays crime statistics against women in India with an interactive choropleth map and two donut charts. The map visualizes state-level case counts for a selected year and crime type via dropdown menus, while the donut charts show annual crime distribution across all types and within a single type. The visualization uses D3 v7 for data binding, scales, and SVG rendering, with topojson parsing state geometries. Animations are implemented through simple transition effects, and the dataset comes from a CSV file containing state-level crime records.

SSrividya Panchagnula
95% match
Loading thumbnail…

Fork of Chart

This interactive dashboard visualizes reported crime cases against women across Indian states and union territories, using a choropleth map alongside two donut charts that break down crime types and yearly totals. The main map updates via drop-down menus for year and crime category, while the donut charts independently filter by year or crime type. The visualization is built with d3.v7, using topojson for geographical boundaries, with animated transitions for donut chart updates. The underlying dataset provides state-level crime statistics from 2001 onward.

NNikithakatta30
95% match
Loading thumbnail…

Fork of Chart

This interactive visualization of crime data in India combines a state-level choropleth map with two donut charts. Users can filter the map and charts by year and crime type, such as rape or dowry deaths, to explore patterns across Indian states. Built with D3.js (v7), the map uses topojson for geographic features, while the donut charts are rendered using D3’s arc and pie functions. The data comes from a CSV file on crime against women in India. Simple animations update the charts upon selection changes, providing immediate visual feedback.

Jjuanmy400
95% match
Loading thumbnail…

Fork of Fork of Chart

This interactive visualization presents crime data against Indian women through a choropleth map of India and two animated donut charts. Users select a year and crime type from dropdown menus to update the map's color encoding and the donut charts' proportions. The donuts display the distribution of crime types for a selected year and the yearly trend for a chosen crime type. The code uses D3 v7 with `d3.scaleOrdinal` for color mapping, `d3.rollups` for data aggregation, and CSS transitions for animation. The data comes from a CSV file of crime statistics, and the map uses a TopoJSON file for Indian state boundaries.

Xxieyunli111
95% match
Loading thumbnail…

Fork of Chart

This visualization combines a choropleth map of Indian states with two interactive donut charts to explore crime data against woman from 2001 to 2012. Users filter the map by year and crime type via dropdowns, while each donut chart independently summarizes either the yearly breakdown for a selected crime or the type distribution for a selected year. The map uses `d3.geoPath` with TopoJSON boundaries and color scales, while the donuts employ `d3.arc` and `d3.pie`. Animations update the charts smoothly on selection changes. The dataset is a CSV of crime statistics by state.

PPatrickLTran
94% match