Skip to main content
SimilarExport ZIP
100%

Task 9 question 2

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

This visualization shows the distribution of customer churn across tenure months, comparing counts of churned versus non-churned customers using two filled areas. It loads a CSV dataset from GitHub via `d3.csv`, preprocesses it with `d3.rollup` to count customers by churn status and tenure, and renders the result as SVG paths generated by `d3.area()`. The chart uses a linear x-scale for tenure, a linear y-scale for customer counts, and an ordinal color scale distinguishing the two groups. A legend identifies the churned and non-churned categories.

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…

activity7 question2

This example visualizes customer churn from a Telco dataset, showing the distribution of customer tenure (in months) split by churn status. Two overlapping area charts compare the counts of churned versus non-churned customers across tenure durations. The visualization loads data via `d3.csv`, preprocesses it using `d3.rollup`, and renders SVG areas with `d3.area`, scaled axes via `d3.scaleLinear`, and an ordinal color scale. A legend distinguishes the two categories, with labels applied directly to the chart.

Ggnitishreddy0245@gmail.com
86% match
Loading thumbnail…

task 9 question 2

This area chart visualizes monthly values across seven months, with data loaded from a GitHub Gist. The chart uses D3 v7’s `d3.area()` generator to create a yellow filled path beneath the line, while `d3.scaleBand()` and `d3.scaleLinear()` define the x-and y-axes. Axes are rendered with `d3.axisBottom()` and `d3.axisLeft()`, and labels for “Month” and “Value” are added as SVG text elements. The visualization is drawn entirely in SVG within a 600x400 viewport.

Ppasumarthiraghuram21@gmail.com
76% match
Loading thumbnail…

Activity_6_task2_question-1

This example displays a stacked bar chart of employee churn, breaking down counts of "Yes" and "No" exits per department (Sales, IT, HR, Finance, Marketing). The horizontal bars use a diverging pink and blue color scale. Built with D3 v7, the code loads CSV data, applies `d3.rollup` to aggregate counts by department, and uses the `d3.stack` function to create the stacked layers. It renders as an SVG with a custom legend and axis labels.

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

TASK 9_Question 2

This area chart displays graduate demographic totals over time, with the x-axis representing years and the y-axis showing the count. The visualization uses a steelblue filled path to encode the trend. The code loads CSV data from a GitHub repository, converts numeric strings, and then employs D3's `scaleLinear`, `area`, `axisBottom`, and `axisLeft` APIs within an SVG rendering. Axes are labeled "Year" and "Demographics.Total Count," with data fetched via `d3.csv` from the specified URL and rendered using D3 v7.

Jjaswanthichowdarykalapala@my.unt.edu
75% match
Loading thumbnail…

Task 9 Question 2

This example displays an area chart of highway MPG values grouped by vehicle make, using a steel-blue filled path to emphasize the distribution across categories. The visualization is rendered as an SVG via D3 v7, with data fetched from a remote CSV file and parsed using `d3.csvParse`. It employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and a `d3.area()` generator to create the shaded region. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels for readability.

Cchintamanenithp@gmail.com
75% match
Loading thumbnail…

Task9_Question2

This area chart visualizes a time series dataset loaded from a CSV file via `d3.csv`. It displays data points on a linear `xScale` (Year) and `yScale` (Value), with a purple filled path generated by `d3.area()`. The chart includes SVG axes rendered with `d3.axisBottom` and `d3.axisLeft`, labeled "Year" and "Value". The code runs within a React environment using D3 v7, appending elements to an HTML div with an SVG.

BBindumadhavi
74% match
Loading thumbnail…

Activity6_question_3

A scatter plot displays employee churn data, mapping the count of employees on the x-axis and positioning each department vertically on the y-axis. Circles are colored pink or blue to indicate whether churn occurred or not, with the CSV data loaded from GitHub. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `scaleOrdinal`, rendering circles and axes as SVG elements within an 800x400 viewport.

11810vineeth@gmail.com
74% match
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
74% match