ICE

ICE7

This visualization displays a scatter plot of traffic accident data, comparing Speed_Limit, Number_of_Casualties, Number_of_Vehicles, and Accident_Severity. The plot animates every two seconds, cycling through different columns on the x-axis while keeping Number_of_Casualties fixed on the y-axis, with axis labels updating dynamically. Using the d3.v6 library, the code employs `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and a custom reusable `scatterPlot` module for SVG rendering. Data is loaded from a GitHub-hosted CSV file via `csv` and parsed with custom row handlers.

92% match

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes traffic accident data, plotting speed limits against the number of vehicles involved, with points color-coded by weather condition and shaped by accident severity. The visualization cycles through different x-axis variables every three seconds, alternating between speed limit and driver experience. Built with D3.js v6, the example uses `scaleLinear` for axes, `scaleOrdinal` for categorical color and shape encoding, and `symbol()` for point markers. Data comes from a CSV file fetched via `csv()`, rendered as an SVG with axis labels, legend, and custom styling.

84% match

Fork of Reusable D3 Scatter Plot

An animated scatter plot visualizes traffic accident data from a CSV file, cycling through four quantitative columns—Speed Limit, Number of Casualties, Number of Vehicles, and Accident Severity—as its axes every two seconds. The visualization uses a reusable D3 scatter plot module that dynamically updates the axis domains and circle positions based on the currently selected variables. Rendered as an SVG via D3 6.7.0, the chart employs `scaleLinear`, `axisLeft`, and `axisBottom` utilities to construct axes and scales, with a fixed y-axis origin and a radius of five pixels for each data point.

83% match

ICE-7 Assignment Area Chart

This chart visualizes the number of traffic accidents in the USA over time, using a smooth curved line and a filled area beneath it to emphasize trends. The visualization is rendered as a scalable vector graphic (SVG) using D3 v5, with scales and axes generated by `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`. Data is loaded from a CSV file, and both a line generator and area generator with `curveBasis` create the smoothed shapes, with grid lines and labeled axes for clarity.

AAmanullah007

82% match

ICE 7 Area Chart

This area chart displays the number of accidents in the USA from 2010 to 2020, with the year on the x-axis and accident counts on the y-axis. Using D3 v5, the visualization draws both a yellow smoothed line and a green filled area beneath it via the `line` and `area` generators with `curveBasis`. The SVG chart includes labeled axes, red gridlines, and parses CSV data from a GitHub gist. The code employs `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and `extent` to map the data.

BBVNPK001

ICE - 7 Scatter Plot

This animated scatter plot visualizes car sales data, cycling through three numeric variables—Units, TotalAmount, and HorsePower—on the x-axis every two seconds while HorsePower remains fixed on the y-axis. Using D3.js version 6.7.0, the visualization leverages `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map data points as black circles with white strokes. The `setInterval` function updates the x-axis scale and label, while the `scatterPlot` module handles the join pattern for smooth transitions. Data is loaded via D3’s `csv` from a GitHub raw URL, with axes and labels rendered in the Share Tech font.

66264kusuma@gmail.com

Ppragnyal.mishra@gmail.com

Fork of ICE-7 line chart

This line chart visualizes the number of traffic accidents by weather condition, using data from a CSV file loaded via d3.csv. The chart displays a monotone curve with circular markers for each weather category, along with an ordinal x-axis and linear y-axis. It is built with D3 v7, using scaleBand, scaleLinear, and d3.line with curveMonotoneX, rendered as SVG. The visualization includes rotated tick labels and a legend listing each weather type with its accident count.

Fork of Fork of Reusable D3 Scatter Plot

This reusable scatter plot, built with D3 v7, visualizes traffic accident data by mapping vehicle counts against speed limits and driver experience. The chart uses color-coded symbols to distinguish weather conditions and road types, with legends and axis labels providing context. Implemented using Mike Bostock’s reusable chart pattern, the scatterPlot function exposes chainable setters for x, y, color, and symbol accessors. Two SVG instances render the same dataset with different configurations, while an optional index.js variant cycles the x-axis variable every three seconds to demonstrate the chart's reusability through D3’s selection.call method.