Skip to main content
SimilarExport ZIP
100%

Scatter-plot-crime-rate-women-India-chargesheet-rate

✓ Published0🌍 Public
NNita
Last edited Sep 5, 2023
Created on Aug 26, 2023

This interactive scatter plot compares the chargesheet rate and crime rate against women across Indian states for 2021, using NCRB data loaded via d3.csv. Each circle represents a state, with color encoding the state name and opacity highlighting the selected point. Built with React and D3 v7, the visualization uses d3.scaleLinear for the x and y axes, d3.scaleOrdinal with schemeDark2 for coloring, and d3.axisLeft and d3.axisBottom for ticks. Clicking or hovering a circle updates its opacity and stroke width, and the SVG renders all marks with an interactive tooltip effect.

AI-generated description

Article in Medium.com. This data visualization is used to write an article in Medium.com.

The source of the data is NCRB India.

The visualization is between crime rate against women population and chargesheet rate in percentage for the population of different states of India.

The visualization is interactive. Click and mouseover works on circles.

Crime rate is calculated per 1,00,000 population of women. The chargesheet rate is in percentage.

MIT Licensed

Similar vizzes

Loading thumbnail…

Interactive_Scatterplot_Crime_against to woman

This interactive scatterplot displays reported crime cases against women in India across different states from 2001 to 2012, with the year on the x-axis and total cases on the y-axis. A dropdown menu allows viewers to switch between six crime categories, including rape, kidnapping, and dowry deaths, using D3’s event dispatch system. The visualization uses d3.scaleLinear for both axes and d3.axisLeft/axisBottom for tick marks, with animated transitions (d3.transition) that grow circles and smoothly update positions when the selected metric changes. Data comes from a CSV file loaded via d3.csv.

LlzlazmSylas
85% match
Loading thumbnail…

India-Map-react-app-1

This example presents a horizontal bar chart visualizing crime rates against women across Indian states and union territories in 2021, using data from a CSV file loaded via d3.csv. The React application renders SVG bars with d3.scaleLinear and d3.scaleBand, sorting states by descending crime rate. Bars are colored steel blue with adjustable opacity and stroke width on selection. The chart includes axes generated by d3.axisLeft and d3.axisBottom, plus value labels and hover-triggered text showing state names and rates.

NNita
82% 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
81% match
Loading thumbnail…

Sscatter plots of Crime_Woman

The scatter plot shows the yearly counts of three crimes against women in India—rape, kidnapping and abduction, and dowry deaths—using colored circles (salmon, green, and blue) plotted against the year on the x-axis and case numbers on the y-axis. It reads data from a CSV file via d3.csv, parses numeric columns, and uses d3.scaleLinear for axes and d3.axisLeft and d3.axisBottom to draw the chart, with circles positioned by mapping values for each crime type. The visualization overlays all three datasets on a single scatter chart, using semi-transparent points to reveal trends over time.

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

Fork of Chart

This interactive visualization explores crime rates against women across Indian states. It combines a color-coded choropleth map with two animated donut charts, allowing users to filter by year and crime type through dropdown menus. The main map displays state-level data while the donuts break down the numbers by specific offenses. The visualization uses D3.js v7 to render the geographical shapes and chart animations, pulling data from a CSV file hosted on GitHub. Its distinct color scheme helps distinguish various crime categories at a glance.

NNaveenaS12
80% match
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
79% 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
79% match