crime

100%

✓ Published1🌍 Public

Last edited Apr 7, 2023

Created on Apr 7, 2023

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Fork of 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.

Pprathyusha-reddy-arch

92% 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

91% match

Loading thumbnail…

Data Visualization for Indian Crimes

This interactive visualization maps the number of rape crime cases across Indian states, with user-selectable year and crime-type dropdowns. An animated choropleth displays state-level data, while two donut charts show crime-type distributions and yearly trends, all rendered with D3 v7 and TopoJSON for geographic shapes. It uses `d3.rollups` and `d3.scaleOrdinal` for data aggregation and coloring, with datasets on criminal cases and population sourced from GitHub gists.

LlzlazmSylas

90% 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

89% 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

89% 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

89% match

Loading thumbnail…

Crime in India Dashboard

The Crime in India Dashboard visualizes reported crime cases across Indian states using a choropleth map and two donut charts. Users select a year and crime type via dropdowns to update the map, while the donuts break down totals by state and offense category. The dashboard uses D3 v7 with topojson for state boundaries, d3.map projections, and d3.arc for donut segments, sourcing data from a public CSV of crimes against women. Simple animations enhance transitions when filters change.

AAndre J Denais

88% match

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

88% match