Fork of ICE 7 1Q Sharanya

ICE 7 1Q Sharanya

This scatter plot visualizes an EV dataset, showing the relationship between average range in miles and average price in USD, with each point colored by vehicle segment using a Tableau10 ordinal scale. The chart loads CSV data from a GitHub Gist via `d3.csv`, then uses D3 v7 scales and axes to position circles in an SVG. A legend maps segment colors, and axis labels and a title clarify the variables. The code explicitly sets margins, applies `.nice()` to domains, and uses `d3.autoType` for data parsing.

91% match

Fork of ICE 7 Sharanya 2Q

This pie chart displays the distribution of electric vehicles by vehicle segment, with each slice labeled by segment name and count and accompanied by a color-coded legend. The visualization loads a CSV dataset from a GitHub Gist using `d3.csv` with `d3.autoType`, aggregates counts via `d3.rollups`, and renders the chart as SVG using D3 v7’s `d3.pie` and `d3.arc` generators. A categorical color scale, `d3.scaleOrdinal` with `d3.schemeSet2`, assigns slice colors, while labels are positioned using `arc.centroid`.

86% match

ICE-7 1 Q Sadvik

This scatter plot visualizes an electric vehicle dataset, showing the relationship between average price and electric range for different vehicle types. Each point represents a vehicle, with position determined by price on the y-axis and range on the x-axis. The visualization uses D3 v7 with an SVG renderer, employing linear scales for both axes and a color scale to distinguish between Sedans, SUVs, Hatches, and Crossovers. The code explicitly creates axes, adds labels, and includes a categorical legend with colored circles, using methods like `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

SSadvik

86% match

ICE 7 Sharanya 3Q

This visualization shows how the average electric vehicle range changes by model year, using a line chart that aggregates data points through D3’s `d3.rollups` and `d3.mean` functions. The chart loads CSV data via `d3.csv`, then applies `d3.scaleLinear` for both axes and generates a smooth monotone curve with `d3.line` and `d3.curveMonotoneX`. The SVG rendering includes labeled axes, a title, and a blue stroke path, all styled through D3 v7’s selection and axis APIs.

85% match

ICE 7 Sharanya 4Q

A D3.7 area chart visualizes the average electric vehicle range in miles per model year from a CSV dataset. Using `d3.csv`, `d3.autoType`, and `d3.rollups`, it aggregates rows by year, computes the mean `AvgRangeMi`, and sorts chronologically. The chart employs `d3.scaleLinear` axes, a monotone-curve `d3.area` generator, and a steelblue semi-transparent SVG path. X and Y axes with labels are rendered via `d3.axisBottom` and `d3.axisLeft`, all drawn within an SVG canvas.

ICE 7 4Q Sharanya

This area chart illustrates the trend of average electric vehicle range over model years. The visualization aggregates data from a CSV dataset, using D3.js v7 to compute the mean average range per year before rendering a monotone-smoothed area path. The chart is drawn as an SVG, with linear scales for both axes and a filled steelblue area that highlights the upward progression of range capabilities over time. Axis labels and a chart title provide context for the data.

ICE 7 Sharanya 2Q

This example shows the distribution of electric vehicles by vehicle segment using a D3.js pie chart. The visualization loads a CSV dataset from a GitHub Gist, aggregates vehicle counts per segment with `d3.rollups`, and renders slices with the `d3.arc` generator inside an SVG. Each slice is labeled with its segment name and count, and a legend lists the segments with colors from `d3.schemeSet2`. The chart uses `d3.csv`, `d3.pie`, and `d3.scaleOrdinal` to transform the data into a clear, annotated visualization.

Kkhushburajan2015@gmail.com

Fork of ICE 6 Scatter Plot (Sai Kaushik Ganji)

This scatter plot visualizes the relationship between vehicle horsepower and price, using point size to encode sales volume and color to distinguish vehicle type. Built with D3.js v7, the visualization renders data from a bundled Car_sales.csv file as an SVG. The plot includes labeled axes, a hover tooltip for detailed inspection, and separate legends for the color-coded vehicle categories and size-scaled sales figures. The implementation uses D3's selection and scale APIs to map the dataset fields to visual encodings.