Skip to main content
SimilarExport ZIP
100%

Fork of crime

✓ Published0🌍 Public
Pprathyusha-reddy-arch
Last edited Apr 7, 2023
Created on Apr 7, 2023
Forked from crime

This interactive visualization shows the number of crime cases against women in India, organized by state and crime type for any year from 2006 onward. A choropleth map displays the data, while two donut charts provide filters: one for selecting the year, the other for choosing a specific crime category like rape or kidnapping. The application uses D3.js v7 with the topojson library for the map's geographic shapes and the d3.pie, d3.arc, and d3.rollups functions to aggregate and render the charts. It is built as a React component, updating its display whenever the user changes a dropdown selection.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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
92% 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
91% 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
90% 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
90% 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
90% 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
90% 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
90% 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
90% match