Fork of ICE-7 Line Chart

100%

Fork of ICE-7 Line Chart

✓ Published0🌍 Public

Last edited Mar 13, 2023

Created on Mar 12, 2023

This line chart shows the selling price of Fortuner cars across different years, with price on the y-axis and year on the x-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for tick marks, and a `line` generator for the path. Data is loaded via `csv` from a GitHub-hosted file containing electronic sales records, filtered to Fortuner car pricing. The chart includes labeled axes, a title, and custom CSS styling for text and grid lines.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of ICE-07 Area Chart

This area chart visualizes the selling price of Fortuner cars across different years, using a yellow-filled area beneath a black line to highlight price trends over time. The visualization is built with D3 v5, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `area`, and `curveBasis` to generate smooth paths in an SVG. Data is loaded from a CSV file, with years mapped to the x-axis and selling prices to the y-axis.

Ssivamani

92% match

Loading thumbnail…

Fork of ICE-07 Area Chart

This area chart visualizes the selling price of Toyota Fortuner cars across different years, using a yellow filled area beneath a black line to emphasize the price trend. The visualization is built with D3 v5 and rendered as an SVG, employing the `scaleTime`, `scaleLinear`, `line`, and `area` APIs with a basis curve for smooth interpolation. The data is loaded from a remote CSV file, and the chart includes labeled axes with custom tick formatting and grid lines.

Ssivamani

91% match

Loading thumbnail…

Fork of Fork of ICE-07 Area Chart

This area chart visualizes the selling price of Toyota Fortuner cars across different years. The chart uses D3 v5 to render an SVG with both a smooth black line and a yellow filled area beneath it, with blue axis labels. Data is loaded from a CSV file, and scales include `scaleTime` for the year axis and `scaleLinear` for price. The line and area generators apply `curveBasis` for smoothing, while axes are created with `axisBottom` and `axisLeft`.

Ssivamani

90% match

Loading thumbnail…

Fork of selling price of fortuner cars in different years

A pie chart displays the selling price of Fortuner cars across different years, with each slice labeled by year and a legend showing the corresponding profit values in lakhs. The chart uses D3.js v5 to load CSV data from a GitHub gist, compute the pie layout with `d3.pie()`, and render arcs with `d3.arc()`. SVG elements are bound to the data, and colors are assigned via `d3.scaleOrdinal()`. The visualization updates dynamically with a centered title and a custom legend.

Kkarumanchimanasa

84% match

Loading thumbnail…

selling price of fortuner cars in different years

A pie chart displays the selling price of Fortuner cars across different years, with each slice representing a year and the price encoded by color. The chart renders as an SVG using D3.js v5, loading data from a CSV file hosted on GitHub Gist. The code uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart, with labels positioned via arc.centroid and a legend built from the same data.

Ssivamani

83% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This fork of the ICE 7 line chart presents the sales of cars in India from 2009 to 2019. The visualization shows a single line tracking the total car sales per year, with time on the x-axis and a numeric count on the y-axis, both rendered as SVG. The chart uses D3 version 5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to map and draw the data. The data is loaded from a CSV file using D3’s `csv` function, with dates parsed via `timeParse`.

NNeeharikaGali

80% match

Loading thumbnail…

Fork of ICE 7 Line Chart

A line chart displays sales of cars in India from 2009 to 2019, with the x-axis representing the year and the y-axis showing units sold. The visualization uses D3 v5 with an SVG rendering. It loads CSV data from a GitHub gist, parsing the date and numeric units. The chart employs D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs. Styling is applied through a linked CSS file, with red grid lines, axis labels, and a thick red line path representing the trend.

SSheshidharreddy

80% match

Loading thumbnail…

Fork of Fork of Fork of ICE 7 Line Chart

A line chart shows annual sales of cars in India from 2009 to 2019, with a single line tracking sales volume over time. The visualization uses d3.scaleTime and d3.scaleLinear to map year and sales values, while d3.axisBottom and d3.axisLeft generate gridlines and tick labels. The line is drawn with d3.line and rendered as an SVG path, with data loaded from a CSV via d3.csv. Axis labels and tick styling are applied through external CSS classes.

PPujitha14challagulla

80% match