Skip to main content
SimilarExport ZIP
100%

Activity 7 question 2

✓ Published0🌍 Public
NNithish Karanam
Last edited Apr 11, 2025
Created on Apr 11, 2025
Forked from Hello VizHub

This interactive visualization displays regional electronics sales from 2020 to 2024, offering both an area chart and scatter plot view with toggle buttons. The area chart shows sales trends over time for four regions, with hover effects that highlight individual regions and dim others. The scatter plot presents the same data as individual points with tooltips showing detailed information, plus simple linear regression lines for each region. Built with D3 v7, the visualization uses SVG rendering, d3.scaleBand, d3.scaleLinear, d3.area, d3.axisBottom, and d3.axisLeft, loading CSV data from a GitHub repository.

AI-generated description
MIT Licensed

Similar vizzes

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
82% match
Loading thumbnail…

Activity-7_Question-2

This area chart displays monthly sales data loaded from a CSV file, with a hover interaction that reveals a tooltip showing the exact month and sales value. The visualization uses D3.js v7 to render the SVG area path via the `d3.area` API, with `scaleBand` and `scaleLinear` axes. Transparent rectangles are overlaid on the data region so hovering triggers the tooltip, which fades in and out using D3 transitions.

Rrahul.bonu524@gmail.com
82% match
Loading thumbnail…

Activity_7 Q2

This area chart visualizes monthly sales data over time, with a light blue filled region beneath a steel-blue line. The visualization loads a CSV dataset from a GitHub repository and uses D3.js v7 to parse dates and render the SVG chart. It employs `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and a `d3.area` generator to create the shaded region. The chart includes labeled axes for month and sales values.

Aaschowdary.shashi@gmail.com
80% match
Loading thumbnail…

Activity-7 Question2

This area chart visualizes monthly bike sales in the USA from 2022 to 2023, using a steelblue filled region with 60% opacity to show sales trends. The visualization uses D3.js v7 with SVG rendering, loading CSV data from a GitHub gist. It employs `d3.timeParse`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.area` to generate the chart, with axes formatted using `d3.axisBottom` and `d3.axisLeft` for month and sales values respectively.

Aabjalshaik02@gmail.com
79% match
Loading thumbnail…

Activity 7 Question 1

This area chart displays monthly sales figures, using a filled path to emphasize the trend over time. Built with D3 v7, the visualization maps categorical month labels to the x-axis via `scalePoint` and a linear scale for sales values on the y-axis. The code fetches CSV data from a GitHub gist and renders the area with a steel-blue fill, adding labeled axes for clarity. The SVG output is generated programmatically through D3’s `area` generator and standard axis functions.

MMahimaChowdaryKasthala@my.unt.edu
79% match
Loading thumbnail…

activity6_question2_11719493

This example visualizes the distribution of sales across five product categories (Electronics, Clothing, Furniture, Groceries, Pharmaceuticals) for five geographic regions. A horizontally stacked bar chart shows each region as a single bar, with segments colored according to category and scaled by total sales value. The chart is built with D3 v7, using SVG rendering and the `d3.stack()` API to compute cumulative values. Data is loaded from a CSV file, with axes, legend, and labels generated through D3’s scale and axis functions.

Ssravani1969@gmail.com
79% match
Loading thumbnail…

Activity-7_ Q2

This area chart displays monthly sales data for 2023, with months on the x-axis and sales in USD on the y-axis. The visualization uses D3 v6, loading data from a remote CSV file via `d3.csv`. It demonstrates modular ES6 imports, including a local `areachart.js` module that uses `d3.area()` to generate the filled path, `d3.scaleBand()` for the categorical x-axis, and `d3.scaleLinear()` for the continuous y-axis. The SVG rendering includes axis labels and a green-filled area.

1180030215cse@gmail.com
79% match
Loading thumbnail…

Activity 7 Q_2

This example displays a sales area chart that tracks the total sales figures over time, with the x-axis representing order dates and the y-axis showing sales amounts. The visualization uses a semi-transparent green filled area to emphasize the trend and magnitude of sales across the plotted dates. Built with d3.v7, the code loads CSV data from a GitHub gist, parses the sales and date fields, sorts the data chronologically, and applies d3.scalePoint and d3.scaleLinear for positioning. An area chart is generated with d3.area, while d3.axisBottom and d3.axisLeft render the axes, with rotated tick labels on the x-axis for readability.

Hhui249378@gmail.com
79% match