Fork of Pooja's Area Chart

100%

Fork of Pooja's Area Chart

✓ Published0🌍 Public

Last edited Mar 12, 2023

Created on Mar 12, 2023

This fork of Pooja's area chart visualizes Myntra's stock sales from 2011 to 2022 using a combined line and area chart rendered as an SVG. It utilizes D3 v5 APIs such as `d3.area`, `d3.line`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to draw the smoothed basis curve and the filled area beneath it. The data is loaded from a CSV file via `d3.csv`, with sales values parsed as numbers and years mapped to the x-axis. Styling is applied through external CSS, defining the chart’s colors and tick formatting.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pooja's Line Chart

This fork of Pooja's line chart visualizes Myntra's stock sales from 2011 to 2022, showing a temporal trend of sales figures over the years. The SVG chart uses d3.scaleTime and d3.scaleLinear for the axes, while d3.line generates the path connecting data points. d3.csv loads the dataset from a GitHub gist, with year values parsed as Date objects and sales as numbers. The visualization includes axis labels, a title, and styling through an external CSS file.

PPoojaThandra

91% match

Loading thumbnail…

Fork of pooja's Line Chart

This visualization displays the sales of Myntra from 2011 to 2022 as a line chart, with time on the x-axis and sales figures on the y-axis. The chart is rendered using the D3 library (v5) in SVG format, applying `scaleTime` and `scaleLinear` for scaling, `axisBottom` and `axisLeft` for axes, and a `line` generator to draw the path. Data is loaded from a CSV file via a GitHub gist URL using `d3.csv`.

PPoojaThandra

88% match

Loading thumbnail…

Fork of Area Chart

This fork of an area chart visualizes car sales in India from 2009 to 2019, combining a smooth line and a filled pink area to emphasize the sales trend over time. The SVG chart uses D3 v5's `scaleTime`, `scaleLinear`, `line`, and `area` generators with `curveBasis` for smoothing, along with `axisBottom` and `axisLeft` for labeled axes. Data is loaded via `csv` from a GitHub gist, and the year values are parsed with `d3.timeParse`.

Ppravallikayaram12

81% match

Loading thumbnail…

Fork of pooja's Line Chart

This line chart visualizes the sales of Nykaa from 2009 to 2022, with time on the x-axis and sales figures on the y-axis. The chart is rendered as an SVG using D3 v5, with axes formatted via `d3.axisBottom` and `d3.axisLeft`, and the line drawn using `d3.line`. Data is loaded from a GitHub Gist CSV file using `d3.csv`, and parsed into date and numeric values before being passed to the rendering function.

PPoojaThandra

80% match

Loading thumbnail…

Fork of Area Chart

This fork of an area chart visualizes electronic sales from 2013 to 2021 using D3 v5 with SVG rendering. The view combines a smooth green area path with a black line overlay, both generated via d3.area and d3.line with curveBasis, while scaleTime and scaleLinear map the Year and Sales data. Axes are drawn with axisBottom and axisLeft, and the CSV data is loaded asynchronously from a GitHub gist.

RRahulSai05

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…

Fork of Area Chart

This fork of an area chart visualizes sales data from 1988 to 2006, combining a smooth line and a brown filled area beneath it to emphasize trends over time. The axes display year and sales values, formatted with `d3.format`. The code uses D3 v5 APIs including `csv` for data loading, `scaleTime` and `scaleLinear` for scales, and `line` alongside `area` generators with `curveBasis` for smoothing. The SVG output is styled with CSS, featuring a yellow background and labeled axes.

Rrohinikotha

79% match

Loading thumbnail…

Fork of Area Chart

This fork of an area chart visualizes electronic sales from 2013 to 2021. The SVG graphic uses a green filled area under a black line to show sales trends over time. The code leverages D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, and `line` and `area` generators with `curveBasis` for smooth curves. Data is loaded from a remote CSV file using `csv` and parsed with `timeParse`.

Kkalyanikotha

79% match