Skip to main content
SimilarExport ZIP
100%

EDAV7_1_axes

✓ Published0🌍 Public
HHelen-Luwei-Zhang
Last edited Dec 13, 2021
Created on Dec 13, 2021
Forked from EDAV_interactive

Animated bar chart compares reported crimes against women in India across four categories—female/no, female/yes, male/no, male/yes—over multiple years. Six sequential stages animate bar heights and colors, using d3.axisBottom for the x-axis and d3.scaleBand and d3.scaleLinear to map categories and values. The transition API with specified durations and delays animates rect attribute changes, while the SVG background highlights the plot area. Data comes from a GitHub-hosted CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

EDAV7_1_axes

This example animates a bar chart of crime data against Indian women, showing values for female and male respondents with yes/no categories across multiple years. The bars transition through six sequential datasets, each with a two-second duration and two-second delay, alternating between cornflower blue and forest green. Built with D3 v7, the visualization uses `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `transition` with duration and delay parameters to update bar heights. The data comes from a CSV file referenced in the README, and the SVG rendering includes a light blue background and axis labels.

HHelen-Luwei-Zhang
93% match
Loading thumbnail…

EDAV_interactive

Four animated bar charts display the reported rate of crimes against women in India across successive years, with categories for female/male and yes/no responses to a survey question. The visualization sequentially transitions between five years of data using D3 v7 transitions that update bar heights, positions, and fill colors. Each staged transition delays two seconds before updating the y-scale domain and rendering new values. The charts render as SVG rectangles with axes, drawing from a CSV dataset about crimes against Indian women.

HHelen-Luwei-Zhang
92% 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…

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

Fork of Fork of Fork of Iterate my work - bar chart of crime in India_VER1.3

This bar chart visualizes crimes against women across Indian states for a selected year, with dropdown menus to filter by year and crime type. The data is loaded from a CSV file and aggregated by state, then displayed in descending order of case counts. The visualization uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.rollups to group the dataset. Bars transition smoothly when filters change, and a mouseover effect adjusts bar opacity to provide hover feedback.

JJonathan Taylor
81% match
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
80% match
Loading thumbnail…

Fork of Fork of Fork of Iterate my work - bar chart of crime in India_VER1.3

This visualization displays crime data across Indian states, showing the number of cases for various offense types on a horizontal bar chart. Users can filter by year and crime category through dropdown menus. The chart sorts states in descending order and includes hover effects that adjust bar opacity. The code uses D3 v7 with `rollups` for data aggregation, `scaleLinear` and `scaleBand` for axes, and `transition` with `easeLinear` for animated updates. Data comes from a CSV file of crimes against women in India.

TTakashi-KK
79% match
Loading thumbnail…

Fork of Iterate my work - bar chart of crime in India

This bar chart visualizes rape crime cases across Indian states for the year 2008, with states sorted in descending order along the y-axis and case counts on the x-axis. The visualization uses D3.js v7 to load CSV data, aggregate values with d3.rollup, and render the chart with scaleBand and scaleLinear scales. Interactive hover effects reveal state names via a tooltip, while axis labels and a chart title clarify the data. The source dataset comes from a gist containing crime statistics against women.

Jjerry691
78% match