Skip to main content
SimilarExport ZIP
100%

Cars sale in Thailand 2005-19 Final

✓ Published0🌍 Public
CChawin Sungwalngern
Last edited Dec 28, 2022
Created on Dec 27, 2022

This chart visualizes car sales in Thailand from 2005 to 2019, combining a smoothed line and a filled area underneath to show the sales trend over time. The data is loaded from a CSV file hosted on GitHub, with years parsed using `d3.timeParse` and sales values converted to numbers. The visualization uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to construct the plot, while `d3.line`, `d3.area`, and `d3.curveBasis` generate the smoothed line and shaded area, rendered as SVG paths.

AI-generated description

This line chart is the combinition of area chart and a line chart it shows the movement of car sales record of Thailand from 2005 to 2019. The data linked from github (Self generated dataset) [dataForclass-HW/dataset_aging.csv(https://raw.githubusercontent.com/chawinkk/dataForclass-HW/main/car%20sale%20record%20thailand.csv).

The Dataset is urlCSV from Github. The line chart are making up of sale on vertical axis from 2005 to 2019 with D3 and CSS.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars sale in Thailand 2005-19

A combined line and area chart displays annual car sales in Thailand from 2005 to 2019. The black line traces sales trends over time, while the filled area beneath it emphasizes the magnitude of sales. Built with D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for grid lines and labels, and the `line` and `area` generators with `curveBasis` to create the smooth curves. Data is loaded from a CSV file and parsed with `d3.timeParse`.

CChawin Sungwalngern
96% match
Loading thumbnail…

Cars sale in Thailand 2005-19 Line Chart 2 Final

This line chart tracks car sales in Thailand from 2005 to 2019, with the vertical axis representing annual sales volume and the horizontal axis showing time. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `extent` to set the domain, and a line generator to plot the data. The dataset is loaded via `csv` from a GitHub-hosted CSV file, with sales values parsed as numbers and years as dates. Styling uses the Share Tech font, with labeled axes, gridlines, and a bold black line path.

CChawin Sungwalngern
96% match
Loading thumbnail…

Cars sale in Thailand 2005-19 Line Chart

This line chart shows car sales in Thailand from 2005 to 2019, with the year on the x-axis and sales volume on the y-axis. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` to map data, `axisBottom` and `axisLeft` for labeled axes, and a `line` generator with a `path` element to draw the trend line. Data is loaded from a CSV file via `d3.csv`, and the SVG is rendered with a clean layout featuring gridlines and custom fonts from Google Fonts.

CChawin Sungwalngern
95% match
Loading thumbnail…

Sales of cars in Asia Area Chart

This area chart shows car sales in Asia from 2009 to 2019, with a smooth line tracing the yearly sales trend and a grey shaded region beneath it highlighting the cumulative volume. The visualization uses D3.js v5 to load and parse CSV data from a GitHub gist, then applies a time scale for the x-axis and a linear scale for the y-axis to map the data points. The line and area paths are generated using d3.line and d3.area with curveBasis interpolation, while axisBottom and axisLeft render the labeled axes with formatted tick values.

Yyaswanthsen
76% match
Loading thumbnail…

Car Sales

This line chart shows car sales by year from 2013 to 2021, with the years on the x-axis and total sales on the y-axis. The SVG rendering uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator with data loaded via `csv` from a GitHub gist. The chart includes gridlines from tick marks, rotated axis labels, and a red path for the trend line.

JJyothicherukuri
73% match
Loading thumbnail…

Line Chart

This line chart displays car sales in India from 2009 to 2019, with the x-axis representing years and the y-axis representing sales figures. The visualization uses D3 v5's `scaleTime` and `scaleLinear` for axis scaling, `line` for path generation, and `axisBottom`/`axisLeft` for grid lines and tick marks. SVG rendering is employed, with data loaded from a CSV file via `d3.csv` and parsed using `d3.timeParse`. Styling is applied through CSS classes to highlight the line and grid.

Ppreethamkesa
72% match
Loading thumbnail…

Area Chart Of Auto Sales

This area chart shows auto sales from 2005 to 2022, with the year on the x-axis and sales figures on the y-axis. The visualization uses smoothed lines and a green filled area beneath the curve to emphasize the trend over time. Built with D3 v5, the code imports and uses `scaleLinear`, `line`, `area`, `curveBasis`, `axisLeft`, and `axisBottom` to construct the chart. Data is loaded asynchronously from a CSV file hosted on GitHub, and the SVG rendering is configured with margins, axis labels, and tick formatting.

TTharun Reddy
72% match
Loading thumbnail…

Line chart For Car Sales

This line chart displays car sales from 2013 to 2021, with time on the x-axis and sales count on the y-axis. The visualization uses D3 v5 with SVG rendering, loading data from a CSV file and parsing dates with `d3.timeParse`. It implements `scaleTime` and `scaleLinear` for axes, and a `line` generator to draw the red trend line. The code adds labeled axes and removes default tick domains, with gridlines shown via `tickSize` on both axes.

GGARIDIDEEKSHITHREDDY
72% match