Skip to main content
SimilarExport ZIP
100%

line chart

✓ Published0🌍 Public
SSwapna1915
Last edited Jul 26, 2023
Created on Jul 26, 2023

This line chart shows total mobile brand sales over time from 2013 to 2021, using a red stroke to trace the trend across dated points. The visualization loads CSV data from a GitHub gist, parses dates with `d3.timeParse`, and applies `d3.scaleTime` and `d3.scaleLinear` for the axes. It uses `d3.axisBottom` and `d3.axisLeft` with gridlines, and renders the line via `d3.line` into an SVG. The axes include rotated labels, and the chart is styled with custom CSS for tick colors and fonts.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

brand sales for area chart

This area chart displays total mobile brand sales from 2013 to 2021, with dates on the x-axis and sales totals on the y-axis. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate a smooth path within an SVG. The data is loaded from a remote CSV file via `csv()`, and date strings are parsed using `d3.timeParse`. Grid lines extend across the plot area from tick marks, with blue axis labels for clarity.

SSwapna1915
86% match
Loading thumbnail…

line chart

This line chart shows total electronic sales over time, with years on the x-axis and sales figures on the y-axis. The visualization uses an SVG canvas with D3 v5, importing specific functions like `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and `line` to generate the plot. Data is loaded from a CSV file via the `csv` function and parsed with `d3.timeParse` to format date values. The chart includes grid lines, axis labels, and a black line path styled with CSS class `.line_path`, all rendered using D3’s low-level SVG API.

Kkranthireddyskr
84% match
Loading thumbnail…

Line chart

This line chart shows car sales data from 2013 to 2021, with years on the x-axis and total sales on the y-axis. It uses d3.csv to load external data, d3.scaleTime and d3.scaleLinear for positioning, and d3.axisBottom and d3.axisLeft for labeled axes. A d3.line generator draws the single red trend line, while d3.extent and d3.max calculate the domain ranges. The visualization renders as an SVG with custom margins and tick styling.

KKolliTeja
84% match
Loading thumbnail…

Main.js

This line chart shows mobile phone sales by brand from 2010 to 2020, with each brand represented by a distinct colored line. The visualization uses d3.csv to load the dataset, d3.scaleBand and d3.scaleLinear for the x and y axes, and d3.line to draw the paths. SVG rendering is used, with the chart including axis labels and a title, while the color scale employs d3.schemeCategory10 to differentiate brands.

Ttelkapallyrekha@gmail.com
84% match
Loading thumbnail…

Line Chart

This line chart visualizes annual sales data, displaying the trend of sales values over time on a red path. The SVG chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the axes and line generator. It parses dates with `d3.timeParse` and loads data from an external CSV file. Grid lines are styled through tick marks, with blue tick labels and a rotated Y-axis label for clarity.

KKiran3295
84% match
Loading thumbnail…

line chart

This example shows cosmetics sales totals over a series of years, with a red line tracing the trend across a time-based x-axis and a linear y-axis. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleTime` and `scaleLinear` to map data, `axisBottom` and `axisLeft` for gridlines, and the `line` generator to create the path. Data is loaded as CSV from a GitHub gist, with dates parsed using `d3.timeParse`.

RRakshithaRao27
83% match
Loading thumbnail…

Line Chart for Car sales

This line chart shows total car sales in USD from 2013 to 2021, with a red line drawn across a grid. The visualization loads CSV data from a GitHub gist, parsing dates and sales values, and uses d3.scaleTime and d3.scaleLinear for the axes, d3.axisBottom and d3.axisLeft for ticks, and d3.line to generate the path. The SVG is rendered with D3 v5, and axes include rotated labels and a title inside an HTML page.

Sshiiva-surya
83% match
Loading thumbnail…

Line Chart

This line chart displays the usage of mobile devices over a ten-year period, with the x-axis representing years and the y-axis showing usage values. The visualization uses D3 v5 to load CSV data and render an SVG chart, employing `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for labeled tick marks. The data is fetched from a GitHub gist, with a blue stroked line and styled text elements.

DDineshK2602
83% match