Skip to main content
SimilarExport ZIP
100%

Activity 7.1.2

✓ Published0🌍 Public
Yyadlapallisaisathvik@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024

This area chart visualizes LEGO sales over the past decade, showing a smooth, curved trend of annual revenue growth. The visualization uses D3 v5 APIs, including `area` and `line` generators with `curveBasis` for smooth interpolation, along with `scaleTime` and `scaleLinear` for axes. Gridlines and axis labels are rendered via `axisBottom` and `axisLeft`. Data is loaded from a CSV hosted on GitHub, parsed with `timeParse`, and displayed as an SVG with a steelblue filled area and darkblue line.

AI-generated description

Lego sales all over the world

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity - 7_Question - 2

This area chart displays monthly sales data over time, with the date on the x-axis and sales figures on the y-axis. The visualization loads CSV data from a GitHub Gist, parses date strings using `d3.timeParse`, and renders a filled area path with a steelblue color. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axis scaling, `d3.area` for the area generator, and `d3.axisBottom`/`d3.axisLeft` to draw the axes, all within an SVG container.

Mmalisettisaisumanth@gmail.com
80% match
Loading thumbnail…

Area Chart Activity 8

This area chart visualizes the cost of sales from 2000 to 2013, with a smooth, curved line tracing the trend and a light green fill beneath it. Built with D3 v5 and rendered as an SVG, the visualization uses `scaleTime` and `scaleLinear` for the axes, with `axisLeft` and `axisBottom` providing tick marks and labels. The smooth line and area are generated via `line()` and `area()` with `curveBasis` for interpolation. It loads its data from an external CSV file, parsing the year values as dates and cost as numbers.

Iindushashi.g@gmail.com
80% match
Loading thumbnail…

Activity7_area_chart

This area chart visualizes monthly sales data for electronics, clothing, furniture, and toys across four smoothed, semi-transparent colored areas. It loads CSV data from a GitHub gist using `fetch` and `csvParse`, then renders an SVG chart using D3 v5. The visualization employs `scaleBand` and `scaleLinear` for axes, `area` with `curveBasis` for smooth paths, and `axisBottom`/`axisLeft` for ticks. A legend maps each category to its fill color, with styling defined in external CSS.

11810vineeth@gmail.com
80% match
Loading thumbnail…

Area Chart Activity 8

This area chart displays the cost of sales from 2000 to 2013, using a smooth curve to show the trend over time. The visualization includes labeled axes and a shaded area beneath the line to highlight the magnitude of values. Built with D3 v5, it loads CSV data from a GitHub gist, parses the year and cost fields, and uses `scaleTime`, `scaleLinear`, `area`, `line`, and `curveBasis` to generate the chart. The SVG rendering is styled with CSS for tick colors, axis labels, and the light green fill.

BBhavyaMammai
79% match
Loading thumbnail…

Area Chart

This area chart displays sales data from 2000 to 2023, with the year on the x-axis and sales figures on the y-axis. The chart is rendered as an SVG using D3 v5, loading data from a CSV file hosted on GitHub. The visualization uses `d3.scaleTime` and `d3.scaleLinear` for axes, along with `d3.line` and `d3.area` generators with `curveBasis` to create smooth lines and the shaded region beneath. Axis labels are styled with orange, and gridlines are generated via axis tick marks.

Jjaswanthreddy2000@gmail.com
79% match
Loading thumbnail…

Area Chart Activity 8

This area chart displays the cost of sales from 2000 to 2013, with a green filled region beneath a black curved line. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `line` generators with `curveBasis` to create the smoothed path. The SVG rendering includes gridlines via `axisBottom` and `axisLeft`, with tick labels formatted using `format('.3s')`. Data is loaded as CSV from a GitHub gist, parsed with `csv()`, and dates are converted using the native `Date` constructor. Axis labels and titles are styled via CSS classes.

Aanith462@gmail.com
79% match
Loading thumbnail…

Area Chart Activity 8

This area chart displays the cost of sales from 2000 to 2013 using a smooth, basis-curved line and a light green filled region beneath it. The visualization uses D3 v5 to load CSV data from a GitHub repository, parse year strings into Date objects, and render axes with red tick labels and orange axis labels. The chart employs `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, `area`, and `curveBasis` to generate the SVG output, with a formatted y-axis tick scale using `format`.

LLakshmanRangisetti
79% match
Loading thumbnail…

Area Chart Activity 8

This area chart shows the cost of sales from 2000 to 2013, with a filled light-green region under a black curve and labeled axes. Data is loaded from a GitHub gist CSV, parsed, and rendered as an SVG using D3 v5. The visualization uses `d3.csv`, `scaleTime`, `scaleLinear`, `line`, and `area` generators with `curveBasis` for smoothing, plus `axisLeft` and `axisBottom` for ticks. A custom tick formatter displays values in abbreviated notation, and axis labels are styled in orange.

Lleftymadi
79% match