Export Image
Export Code

Fork of Derive India map - Open street

Nita

0 views in last 90 days
Last edited Jul 28, 2025
Created on Jul 28, 2025

India Crime Rate Map Visualization

This project creates an interactive map visualization showing crime rates across Indian states and union territories.

Features

  • Interactive choropleth map of India
  • Color-coded states based on crime rates
  • Hover effects with detailed information
  • Legend showing crime rate ranges
  • Responsive design with information panel

Data

The visualization uses data from data.csv which contains:

  • State/Union Territory names
  • Crime rates per 100,000 population

How to Use

  1. Open index.html in a web browser
  2. Hover over states to see detailed crime rate information
  3. The legend on the right shows the color scale and selected state details
  4. Zoom and pan the map to explore different regions

Technical Details

  • Built with D3.js for data visualization
  • Uses Leaflet.js for map interaction
  • Responsive design with CSS Grid/Flexbox
  • Color scale uses D3's sequential color scheme
  • State boundaries from GeoJSON data

Files

  • index.html - Main visualization file
  • data.csv - Crime rate data by state
  • README.md - This documentation
MIT Licensed