Fork of Fork of Map of India Part 3

100%

Fork of Fork of Map of India Part 3

✓ Published1🌍 Public

Last edited May 15, 2024

Created on May 15, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

92% match

Loading thumbnail…

Fork of Map of India-Part I

This choropleth map of India displays district-level crime rates, with districts shaded on a blue sequential scale and hover tooltips revealing the state name and crime rate. The visualization loads district boundaries from a TopoJSON source and crime statistics from a CSV file, then projects them using `d3.geoMercator` and `d3.geoPath`. District fill colors are assigned via `d3.scaleSequential` with `d3.interpolateBlues`, and `topojson.feature` extracts the geographic shapes for rendering as SVG paths.

NNita

87% match

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

86% match

Loading thumbnail…

Map of India : Crime Rate 2022 Women

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.

NNita

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

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

85% match