Dynamic Bar Chart

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.

91% match

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

85% match

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

85% match

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.

85% match

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

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.

Bar chart and map chart for dataset

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.

EDAV7_1_axes

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.

HHelen-Luwei-Zhang