Skip to main content
SimilarExport ZIP
100%

ICE-7 Q4 Ajay Polsani

✓ Published0🌍 Public
Aajayrao0
Last edited Mar 29, 2022
Created on Mar 29, 2022

This example shows bike sales trends from 2010 to 2019 using a combined line and area chart rendered in SVG. The visualization plots yearly sales on the y-axis against time on the x-axis, with axis labels and tick formatting applied. It uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, and d3.line with d3.curveBasis for the line path, while d3.area fills the region beneath it. The axes are generated with d3.axisBottom and d3.axisLeft, and the data is sourced from a GitHub Gist URL.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 7-Q3 Ajay Polsani

This visualization displays bike sales in India from 2009 to 2019 using a line chart rendered with React and D3 v7. The line chart plots years on the x-axis using d3.scaleTime and sales numbers on the y-axis using d3.scaleLinear, with data loaded from a CSV file via d3.csv. The rendered SVG includes custom axes, a smoothed curve created with d3.line and curveBasis, and axis labels showing "Year" and "Number of Sales."

Aajayrao0
93% match
Loading thumbnail…

ICE 7-3 Line Chart

This example visualizes bike sales in India from 2012 to 2022 using a line chart rendered as an SVG. It loads a CSV dataset, parses the year and sales values, and uses `d3.scaleTime` and `d3.scaleLinear` to map the data to axes. The chart draws a single line with `d3.line`, applies grid lines via `axisBottom` and `axisLeft`, and includes labeled axes with custom formatting. The code uses D3 v5 modules imported directly, and styling is applied through an external CSS file.

EEshwarreddyt
87% match
Loading thumbnail…

ICE 7-4 Area Chart

This area chart shows bike sales in India from 2012 to 2022, using a time-scaled x-axis for years and a linear y-axis for sales volume. The visualization combines a black line path with a grey filled area beneath it, drawn using SVG via D3 v5’s `line()`, `area()`, and `curveBasis` generators. Data is loaded from a CSV file and parsed with `d3.timeParse`, while axes are created using `axisBottom` and `axisLeft` with custom tick formatting. The chart includes labeled axes and a rotated y-axis label.

EEshwarreddyt
86% match
Loading thumbnail…

ICE-7 Q2 Pie Chart Ajay Polsani

A pie chart displays the top eight bike sales from 2014, with each slice labeled with its sales value in thousands and a legend mapping colors to bike names. The visualization is built with D3 v5 and rendered as an SVG, using the `pie`, `arc`, `scaleOrdinal`, and `select` APIs to generate the slices, centroids, and color scale. The data is loaded from a CSV hosted on GitHub, and the chart also formats numeric labels using `format('.4~g')`.

Aajayrao0
84% match
Loading thumbnail…

Fork of ICE 7-3 Line Chart

This D3.js v5 visualization displays bike sales in India from 2012 to 2022 as a single line chart. The SVG chart uses a time-scaled x-axis for years and a linear y-axis for sales figures, with grid lines and axis labels styled via CSS. Data is loaded from a CSV file hosted on GitHub and parsed using `d3.timeParse`. The line path is generated with the `d3.line` generator, while `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` handle the scales and axes.

NNeeharikaGali
84% match
Loading thumbnail…

ICE 7 - Line Chart

This line chart visualizes automobile sales in India from 1999 to 2012, using d3.csv to load data from a GitHub gist and d3.scaleTime and d3.scaleLinear to map years and sales values. The SVG rendering uses d3.axisBottom and d3.axisLeft for labeled axes, while d3.line generates the path that represents the sales trend over time. The chart includes a title and axis labels styled via CSS.

Aavinashchinta99
83% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This example visualizes car sales in India from 2009 to 2019 using a combined line and area chart rendered with SVG. The line chart highlights yearly sales trends, while the orange area fills the space beneath the curve for emphasis. The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.area and d3.line with curveBasis for smoothing, and d3.csv to load the dataset from a GitHub gist. Axes are drawn with d3.axisBottom and d3.axisLeft, and formatted tick labels use d3.format.

RRamakanth771
83% match
Loading thumbnail…

Fork of ICE 7 Area Chart

A combined area and line chart visualizes motorcycle sales in India from 2012 to 2022, with the area fill in orange and a black line tracing the trend. The code uses d3.scaleTime and d3.scaleLinear for axes, d3.area and d3.line with curveBasis for smooth shapes, and d3.axisLeft and d3.axisBottom for gridlines. It loads CSV data from a gist with d3.csv, parses years via d3.timeParse, and renders to SVG.

VVaishnavi6199
83% match