Skip to main content
SimilarExport ZIP
100%

brand sales for area chart

✓ Published0🌍 Public
SSwapna1915
Last edited Jul 26, 2023
Created on Jul 26, 2023
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

line chart

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.

SSwapna1915
86% match
Loading thumbnail…

Area Chart

This area chart displays electronic sales from 2013 to 2021, with a green filled region under a black smoothed line. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the year axis and `scaleLinear` for sales values. Data is loaded from a CSV file via `d3.csv`, and both `d3.line` and `d3.area` generators with `curveBasis` create the chart. Axes are customized with `axisBottom` and `axisLeft`, including gridlines and labels.

Kkranthireddyskr
82% match
Loading thumbnail…

Area Chart

This area chart displays car sales totals from 2013 to 2023, with a green filled region beneath a thick black curved line. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` with `d3.curveBasis` to generate the smoothed area. Data is loaded from a CSV file via `d3.csv`, while `d3.axisLeft` and `d3.axisBottom` render labeled axes with tick marks.

VVAbhiram99
81% match
Loading thumbnail…

area chart

This area chart displays yearly sales data loaded from an external CSV file, with the x-axis representing years and the y-axis representing sales figures. Using D3 v7, the visualization generates an SVG area path filled in steel blue, with axes and labels for both dimensions. The code employs `d3.area()` to create the filled region, `d3.scaleLinear()` for both scales, and `d3.axisBottom` and `d3.axisLeft` to render the axes, all appended to a single SVG element sized at 800 by 400 pixels.

Rr79162810@gmail.com
80% match
Loading thumbnail…

Fork of Area Chart

This chart displays electronic sales from 2013 to 2021, combining a smooth line and a filled area to emphasize the sales trend over time. The visualization uses a time-scaled x-axis for sales dates and a linear y-axis for year values. Built with D3 v5, it employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` generators with a basis curve. The SVG rendering includes styled grid ticks and axis labels, with data loaded from a remote CSV file.

RRahulSai05
80% match
Loading thumbnail…

Area chart for electronic sales

This area chart displays total sales across product categories, using a steel-blue filled region beneath a line to emphasize the magnitude of sales for each category. The visualization is built with D3.js v7 and rendered as an SVG. It loads CSV data via `d3.csv`, converts the sales strings to numbers, and uses `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis. The area and line paths are drawn with `d3.area` and `d3.line`, respectively, and axes are labeled using `d3.axisBottom` and `d3.axisLeft`.

Ssreeramyamini@gmail.com
80% 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
80% match
Loading thumbnail…

Area Chart

This area chart shows car sales from 2001 to 2010, with the year on the x-axis and sales on the y-axis. The chart uses D3 v5 to load CSV data, apply time and linear scales, and render SVG axes with grid lines. An `area` generator with `curveBasis` creates a smoothed filled region below the sales line, styled in blue. The title and axis labels are added as SVG text elements.

Eeravellisaimeghana
79% match