Skip to main content
SimilarExport ZIP
100%

Map of India : Crime Rate 2022 Women

✓ Published1🌍 Public
NNita
Last edited Jul 27, 2025
Created on Jul 27, 2025

A choropleth map of India displays state-wise crime rates against women for 2022, using a red sequential color scale and state labels. The dashboard supports interactive exploration through hover tooltips, metric switching, zooming, and panning. Built with D3.js, it loads TopoJSON geographic data and CSV crime statistics from the National Crime Records Bureau, merging district geometries into state boundaries. GeoJSON features are projected using `d3.geoMercator` and rendered via `d3.geoPath`, with dynamic insights and national statistics generated from the dataset.

AI-generated description

India Crime Against Women Dashboard 2022

An interactive data visualization dashboard showing crime statistics against women across Indian states for the year 2022.

Features

  • Interactive Map: Choropleth map of India with state-wise crime data
  • Multiple Metrics: View data by crime rate, total cases, or percentage of national total
  • Real-time Statistics: National statistics panel with key metrics
  • Top States Ranking: List of states with highest crime rates
  • Data Insights: Automated analysis and insights generation
  • Zoom & Pan: Interactive map navigation with zoom controls
  • Responsive Design: Works on desktop, tablet, and mobile devices

Data Source

Data sourced from the National Crime Records Bureau (NCRB), Government of India.

Technology Stack

  • D3.js - Data visualization and DOM manipulation
  • TopoJSON - Geographic data format
  • Vanilla JavaScript - ES6 modules
  • CSS3 - Modern styling with CSS Grid and Flexbox

Usage

  1. View Crime Rates: Hover over states to see detailed statistics
  2. Change Metrics: Use the dropdown to switch between different data views
  3. Explore Data: Click on states for detailed information
  4. Navigate Map: Use zoom controls or mouse wheel to explore regions
  5. Toggle Labels: Show/hide state abbreviations on the map

Key Insights

The dashboard automatically generates insights including:

  • Distribution patterns and statistical analysis
  • Regional comparisons between northern and southern states
  • Identification of high and low crime rate states
  • Data coverage and quality assessment

Browser Support

Modern browsers supporting ES6 modules and SVG:

  • Chrome 61+
  • Firefox 60+
  • Safari 11+
  • Edge 16+

Local Development

  1. Clone the repository
  2. Serve files using a local web server (required for ES6 modules)
  3. Open index.html in your browser

Example using Python:

MIT Licensed

Similar vizzes

Loading thumbnail…

Map of India : Crime Rate 2022 Women

A choropleth map of India displays the 2022 crime rate against women by state, using a blue sequential color scale where darker shades indicate higher rates. The visualization loads district boundaries from a TopoJSON file and crime statistics from a CSV file, then merges them by state name. D3.js and TopoJSON APIs, including `d3.geoMercator` for projection and `d3.geoPath` for rendering, draw the districts, with tooltips showing the exact rate for each area.

NNita
97% match
Loading thumbnail…

Fork of Map of India : Crime Rate 2022 Women

This choropleth map visualizes the crime rate against women across Indian districts for 2022, using a sequential blue color scale to indicate severity. District boundaries are rendered as SVG paths via `d3.geoPath` with a `d3.geoMercator` projection fitted to the viewport. Crime data is loaded from a CSV and joined to district geometries by state name, with tooltips showing exact values. The implementation relies on D3.js and TopoJSON to parse the district boundary file and apply the color encoding.

NNita
93% match
Loading thumbnail…

Fork of Fork of Fork of Map of India Part 4

A choropleth map of India displays the rate of total crime against women per state or union territory for 2022, using a sequential blue color scale to represent intensity. The visualization pairs district-level geographic boundaries from a DataMeet TopoJSON file with crime statistics loaded from a GitHub Gist. Built with D3.js version 7.9.0 and TopoJSON, it uses `d3.geoMercator` and `d3.geoPath` to project and render the shapes, while `d3.scaleSequential` with `d3.interpolateBlues` maps crime rates to colors, with hover tooltips showing exact values.

NNita
88% match
Loading thumbnail…

Fork of Fork of Map of India Part 3

This choropleth visualizes the rate of total crimes against women (2022) across Indian states. It uses a D3.js SVG rendering with a Mercator projection to draw state boundaries, colored by a linear scale from white to blue through the `d3.scaleLinear` API. The map data is sourced from a 2019 district boundary TopoJSON, while crime statistics are loaded from a CSV. Hovering over a state highlights it in red.

NNita
86% match
Loading thumbnail…

Fork of Map of India Part 2

This interactive map of India visualizes crime data against women from 2020 to 2022, with each state rendered as a hover-responsive SVG path that fills red on mouseover. Built with D3.js (v7.9.0) and TopoJSON, it fetches geometry from an India district boundary dataset and joins it with a CSV of crime statistics. The map uses `d3.geoPath` with a Mercator projection and `d3.scaleOrdinal` for color coding, while `d3.select` manages the SVG element and appends interactive paths.

NNita
85% match
Loading thumbnail…

Fork of Map of India : Crime Rate 2022 Women

This dashboard maps missing children rates in Indian states and union territories, classifying risk into low, medium, high, and critical levels. Built with D3.js, it renders an interactive map or a bar-chart fallback when geographic data is missing. The visualization includes tooltip interactions, a statistics panel, and animated insights, using `d3.geoPath`, `d3.scaleBand`, and `d3.transition` for rendering. Data comes from a local CSV file.

NNita
84% match
Loading thumbnail…

Crime Against Women Rate by Indian States (2022)

A bar chart shows crime rates per 100,000 women across Indian states and union territories in 2022, with bars sorted from highest to lowest rate. The chart uses d3.scaleBand and d3.scaleLinear to position bars, while a d3.scaleSequential with interpolateRdYlBu colors each bar from blue to red based on rate magnitude. Data loads from a CSV and filters out the national total, and users can click individual bars to highlight them, which reduces opacity on non-selected bars. Tooltips display exact state and rate values on hover.

NNita
82% 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
82% match