Skip to main content
SimilarExport ZIP
100%

Task9_Question2

✓ Published0🌍 Public
Jjyothirmaijyothi2017@gmail.com
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from Hello VizHub

This example shows app downloads on the App Store and Play Store as a stacked area chart over months after launch, with iOS downloads starting earlier and Android downloads added from month four onward. The chart uses the CanvasJS library, loading data from a CSV file stored in a GitHub repository. It defines two series with `type: 'stackedArea'`, enables animation, shares tooltips, and formats the Y-axis with a "k" suffix. The tooltip for Android includes a total calculation using the `#total` placeholder, while the color-coded legend identifies each platform.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task9-Question2

This area chart visualizes smartphone sales across multiple months, with distinct colored regions representing different product lines or years. The visualization uses stacked areas to show the cumulative contribution of each category over time, making it easy to compare relative proportions. Built with D3.js v7, the chart loads CSV data from a GitHub repository and uses d3.stack, d3.area, and d3.scaleBand to construct the stacked layout. SVG rendering handles the paths, axes, and rotated month labels, while a custom HTML legend with colored circles identifies each series.

LLayaMyadam@my.unt.edu
76% match
Loading thumbnail…

Task1_Q2

This area chart visualizes the screen time of the top three social media applications across each month of 2023, with minutes on the y-axis and month on the x-axis. Each colored layer represents a different app, identified by a legend on the right side. Built with D3 v7, it uses `d3.stack()` to create stacked series, `d3.area()` for the path generation, and `d3.scaleBand` and `d3.scaleLinear` for the axes. Data is loaded from a remote CSV file, and the SVG is rendered with a categorical color scale from `d3.schemeCategory10`.

LLakshmi Keerthi
73% match
Loading thumbnail…

Activity6_Question2

This visualization presents a stacked bar chart of mobile operating system market share across five global regions, with Android, iOS, and Other segments summing to 100% per region. It uses D3 v7 to load CSV data via `d3.csv`, stack series with `d3.stack`, and scale values with `d3.scaleLinear` and `d3.scaleBand`. Rectangles are colored using `d3.schemeSet2`, and hover interactions display segment percentages through a custom tooltip. The SVG rendering features labeled axes with percentage tick formatting.

Kkandooriabhiram@gmail.com
72% match
Loading thumbnail…

Activity6_Question2

This example visualizes mobile phone sales data from a CSV file as a horizontal stacked bar chart, displaying yearly sales figures for Apple, Samsung, Motorola, and Google. The chart uses D3.js v7 to load data, apply sequential color scales, and render the SVG with axis labels and a tooltip that reveals specific sales values on hover. The code demonstrates importing D3 via UNPKG, using utility functions like `d3.stack()` and `d3.scaleBand()`, and structuring chart elements with an SVG canvas.

Vvarshithainaganti@gmail.com
71% match
Loading thumbnail…

Activity7:Question:2

This visualization shows mobile usage hours per month using a red-filled area chart with points across six months from January to June. The chart is rendered on an HTML canvas using Chart.js, with the line chart type configured to fill the area beneath the curve using a semi-transparent background. The example also includes a second version that fetches CSV data from a GitHub gist and parses it to generate a similar chart with teal coloring. Both versions label the x-axis as months and the y-axis as hours.

Ssaivaishnogaruda@gmail.com
71% match
Loading thumbnail…

Activity_Tutorial2_Q2

This stacked bar chart visualizes mobile operating system market share (Android, iOS, and Other) across five global regions, with horizontal bars showing percentage values that sum to 100%. Interactive tooltips display exact numeric values on hover. The visualization uses D3 v7’s `d3.stack()` to compute layered data, `d3.scaleBand()` for categorical y-axis positioning, `d3.scaleLinear()` for percentage scaling, and `d3.scaleOrdinal()` with `d3.schemeSet2` for coloring. Bars render as SVG rectangles within a grouped `<g>` element, with data loaded from a CSV file specifying regional OS percentages.

Cchowdaryhemanth14@gmail.com
71% match
Loading thumbnail…

question 1(Task 2)

This example shows the proportion of smartphone app usage across six age groups using a horizontal stacked bar chart. The bars are divided into segments for social media, games, productivity, streaming, and other apps, with a color-coded legend for identification. The chart uses `d3.stack` to compute the stacked bar coordinates and `d3.scaleBand` for the age-group axis. It reads data from the CSV file `phones.csv` and renders the chart as an SVG element. Color assignments are made with `d3.scaleOrdinal`.

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

Task_9_Question_9

This example displays an area chart of the number of days in each month for the first half of the year, using a small hardcoded dataset of six monthly values. It renders an SVG visualization with D3 v7, employing `d3.scaleBand` for the categorical month axis, `d3.scaleLinear` for the day count, and a `d3.area()` generator to create the filled path. Axes are added via `d3.axisBottom` and `d3.axisLeft`, with labeled text for both dimensions. The chart is drawn entirely client-side using the D3 library loaded from UNPKG.

Ttarunskuruvadi@gmail.com
70% match