Skip to main content
SimilarExport ZIP
100%

明细能力匹配面板

✓ Published2🌍 Public
Xxieyunli111
Last edited Mar 3, 2023
Created on Mar 3, 2023
Forked from Fork of Chart

This panel visualizes crime statistics against women in India across states and years, combining a choropleth map with two interactive donut charts. Users filter by year and crime type via dropdowns, updating the map and the donut charts, which display aggregate crime values and breakdowns. Built with D3 v7, the visualization uses `d3.geoPath` for the map from TopoJSON data and `d3.rollups` for aggregation. The donut charts incorporate simple animated transitions when data changes, with the CSV dataset sourced from a public GitHub gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 明细能力匹配面板

This interactive dashboard visualizes crime statistics against women across Indian states, combining a choropleth map with two animated donut charts. The map displays state-level case counts for a selected crime type and year, while the donuts break down yearly totals by crime category and show the distribution of all crime types for a chosen year. Users control the display through dropdown menus. Built with D3 v7, the visualization uses `d3.geoPath` for map rendering from TopoJSON data, `d3.rollups` for data aggregation, and `d3.scaleLinear` for color encoding, with simple animations updating the donut transitions. Data comes from a CSV file on crime against Indian women.

KKetaki789
94% match
Loading thumbnail…

Fork of 明细能力匹配面板

Two interactive donut charts and a choropleth map visualize crime cases against women in India from 2001 to 2012, with the map colored by crime type and the donuts breaking down yearly totals by crime category and individual states. The visualization uses D3 v7 and the `topojson` library to render the map, while the donut charts and map update through dropdown menus that filter by year and crime type. Data comes from a CSV file hosted on GitHub, fetched via `fetchData()`, and the charts animate transitions using D3’s built-in `transition` methods.

Aaruna-rajeswari
92% 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
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
86% match
Loading thumbnail…

v1 of Fork of Chart

This visualization presents an interactive dashboard for exploring crime data against Indian women. It combines a choropleth map of India with two donut charts: one filters by year, the other by crime type, using dropdown menus. Built with D3 v7, the map uses `d3.geoPath` with TopoJSON data, while the donut charts employ `d3.rollups` and `d3.arc` to aggregate and display proportional values. Simple animations enhance the updates when selections change.

Xxieyunli111
86% 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
86% 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…

ChartInteractive

This interactive visualization shows crime statistics against women across Indian states, combining a choropleth map with two donut charts that summarize data by year and crime type. Users select a year and offense category through dropdowns to update the map’s color encoding and the donut charts’ proportional segments. The map uses D3’s `geoPath` and TopoJSON for state boundaries, while the donuts employ `d3.rollups` and `d3.scaleOrdinal` for aggregation and theming. The charts animate on change, with data sourced from a CSV on crime against Indian women.

Kkaline
86% match