Skip to main content
SimilarExport ZIP
100%

Nice example I want

✓ Published0🌍 Public
SSong Tao Chen
Last edited Jan 16, 2022
Created on Jan 16, 2022
Forked from Chart

This animated visualization explores crime cases against women in India across states and years. It features a choropleth map of India alongside two donut charts, all driven by dropdown selectors for year and crime type. The map and donuts update smoothly with transitions, using d3.rollups to aggregate the CSV dataset. The code leverages d3.v7 for rendering, including d3.geoPath for the map and d3.arc for the donuts, with custom color themes per crime category.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Chart

This example visualizes crime cases against women in India, combining a choropleth map with two interactive donut charts. The main map displays state-level data for a selected year and crime type, while the donut charts break down totals by year and by category. Users switch between options via dropdown menus, triggering animated transitions that update the visualization. Built with D3 v7, the map uses `d3.geoPath` with TopoJSON for India’s state boundaries, while the donut charts employ `d3.arc` and `d3.pie` with smooth tween animations. The dataset comes from a CSV file hosted on GitHub.

AAnthony Zornig
89% 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
87% match
Loading thumbnail…

crime

This interactive visualization displays the number of crime cases against women across Indian states, with a choropleth map colored by crime type and two donut charts for selecting the year and crime category. The map updates dynamically when users change the dropdown selections. Built with D3 v7 and React, the code uses `d3.rollups` for data aggregation, `d3.geoPath` for rendering the TopoJSON map of India, and `d3.scaleOrdinal` with custom color themes. Data comes from a CSV file hosted on GitHub Gist.

Ppvreswar7@gmail.com
87% match
Loading thumbnail…

Chart

The visualization presents crime case data for Indian women through a central choropleth map of India and two accompanying donut charts. It enables exploration by year and crime type via dropdown menus, with animated transitions between selections. Built with D3.js v7, it uses `topojson.feature` to convert India's TopoJSON states into GeoJSON, `d3.rollups` for data grouping, and SVG paths for rendering. The dataset is sourced from a GitHub gist of crime statistics.

LlzlazmSylas
87% 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
87% 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
86% match
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
86% match
Loading thumbnail…

Fork of Chart

This interactive dashboard visualizes crime cases against women in India using a choropleth map and two donut charts. The main map, built with D3 v7 and TopoJSON, displays state-level data for a selected year and crime type, while the two donut charts break down the total cases by year and by crime category. Animations enhance the transitions between selections. The application loads data from a CSV file hosted in a GitHub Gist, along with geographic boundary data for Indian states, and uses dropdown menus to control all three views.

AAdan Rodriguez
86% match