Skip to main content
SimilarExport ZIP
100%

pieChart

✓ Published0🌍 Public
KKetaki789
Last edited Apr 9, 2023
Created on Mar 7, 2023
Forked from Fork of Chart

Two interactive donut charts visualize crime cases against women in India across six crime types. A choropleth map of Indian states, rendered using d3.geoPath, displays the geographic distribution of the selected crime type for a chosen year. The top donut chart filters data by year with a dropdown, while the bottom chart filters by crime type. Data is loaded from a CSV dataset via fetch, and both charts use d3.rollups to aggregate values. The visualization uses d3.scaleOrdinal for color coding and includes smooth animated transitions when filters change.

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…

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

Fork of Chart

The visualization presents the number of crime cases against women in India through a geographic choropleth map of Indian states and two animated donut charts. Users can filter the map by year and crime type via dropdown menus, while the donuts show the distribution of crime types for a selected year and crime types across all years. It is built with D3 v7, using `topojson.feature` to convert the TopoJSON map data, `d3.rollups` for aggregating the dataset, and D3’s selection and event handling for the interactive controls. The underlying data comes from a CSV file hosted on GitHub gists.

KKinjal-Goyani
89% 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
89% 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
89% 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
88% 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
88% 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
88% match