Skip to main content
SimilarExport ZIP
100%

Bar chart and map chart for dataset

✓ Published2🌍 Public
LlzlazmSylas
Last edited Nov 8, 2021
Created on Oct 29, 2021

Linked bar chart and map views display crime statistics across Indian states, with a choropleth map colored by case counts and an adjacent horizontal bar chart showing the same values in descending order. Two dropdown menus filter the data by year and crime type, such as rape or dowry deaths. The visualization uses D3 v7 with `d3.scaleLinear`, `d3.scaleBand`, and `d3.geoPath` to render the map from TopoJSON data, while the bar chart updates via shared scales and a re-render function. The dataset comes from a CSV file on crime against women.

AI-generated description
MIT Licensed

Similar vizzes

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
87% match
Loading thumbnail…

Interactive Bar chart for Crime against Indian Woman

This interactive bar chart displays the number of crimes against women across Indian states, with a dropdown menu to filter by year and another to select a specific crime type. The bars are sorted in descending order, and the bar widths animate smoothly when the selection changes. The visualization uses D3 v7 with `scaleLinear`, `scaleBand`, `rollups`, and `transition` to update the chart. Data comes from a CSV file of reported crimes, aggregated by state and year, with the x-axis showing case counts and the y-axis listing states.

LlzlazmSylas
86% match
Loading thumbnail…

Bar chart of crime in India

This bar chart displays the total number of rape cases reported across different states in India, with each bar’s height proportional to the case count. The visualization uses D3 v7’s `scaleLinear` and `scaleBand` to map case numbers to horizontal bar lengths and states to vertical positions, rendering as SVG with semi-transparent red bars. The x-axis is labeled “Total number of rape crime cases in India,” and data comes from a CSV file loaded via `d3.csv` containing crime statistics against women.

LlzlazmSylas
85% match
Loading thumbnail…

Dynamic Bar Chart

This dynamic bar chart visualizes crimes against women in India, showing the number of assault cases for each state in a selected year. A dropdown menu lets users switch between years, while bars transition smoothly to updated values and re-sort in descending order. The visualization uses D3 v7 APIs including `csv`, `rollups`, `scaleLinear`, and `scaleBand`, with `transition` and `easeLinear` for animation. Bars change opacity on hover, and value labels appear at the end of each bar. The dataset comes from a CSV hosted in a GitHub gist.

GGabrielle Nyirjesy
84% 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
84% match
Loading thumbnail…

Chart

This interactive data visualization explores rape crime cases across Indian states, featuring a choropleth map alongside two donut charts. Users can filter by year and crime type using dropdown menus. The main map uses d3.geoPath with TopoJSON state boundaries, while the donut charts summarize aggregate values. Built with D3 v7, the visualization employs d3.rollups for data aggregation, d3.scaleOrdinal for color mapping, and d3.scaleLinear for thematic choropleth shading. The dataset comes from a CSV file on crime statistics, with state populations integrated for normalization.

AAllison Huang
84% match
Loading thumbnail…

Add Interaction - bar chart of crime in India

This interactive bar chart visualizes rape crime cases across Indian states for a selected year from 2001 to 2014. A dropdown menu filters the data by year, and bars are sorted in descending order by case count. Hovering over a bar triggers a transition that adjusts opacity and displays the state name in a tooltip. The visualization uses d3.csv to load the dataset, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom for axes, with SVG rendering and D3 transitions for the hover effect.

LlzlazmSylas
83% match
Loading thumbnail…

INTER - bar chart of crime in India VER.2

This bar chart displays the total number of rape cases reported across Indian states for the year 2008, sorted in descending order. The visualization uses D3 v7 with SVG rendering and animated transitions, featuring a hover effect that highlights each bar and displays the state name in a tooltip. The code filters the dataset to a specific year, aggregates the crime data using d3.rollup, and scales the bar lengths with d3.scaleLinear and d3.scaleBand. Data comes from a CSV file hosted on GitHub Gist, with axes labeled for state and case count.

LlzlazmSylas
83% match