Skip to main content
SimilarExport ZIP
100%

activity7 question2

✓ Published0🌍 Public
Ggnitishreddy0245@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

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.

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…

Task 9 question 2

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.

Ccraftinghermit@gmail.com
86% match
Loading thumbnail…

actvity 7 .1 q1

A pie chart displays the distribution of customer churn, categorizing data into two segments with a legend and percentage labels. The visualization uses D3.js v6 to fetch a CSV dataset from GitHub, processes the data with d3.rollup and d3.sum, and renders the chart using d3.pie and d3.arc. Interactive tooltips appear on mouseover, showing category and count, with colors and white text for contrast.

Ggnitishreddy0245@gmail.com
78% 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
77% 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
77% match
Loading thumbnail…

activity7 Question 2

This example shows monthly visitor counts as a filled area chart, with the area colored in teal and labeled axes for month and visitor numbers. The code uses d3.csv to load data from a GitHub gist, then applies d3.scalePoint for the x-axis and d3.scaleLinear for the y-axis. It generates the area shape with d3.area and renders it as an SVG path, adding d3.axisBottom and d3.axisLeft for the chart axes.

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

activity 7 question 2

The visualization renders a red area chart depicting car sales in thousands across distinct car models, loaded from an external CSV file using d3.csv and rendered as an SVG path via the d3.area generator. It uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, with d3.axisBottom and d3.axisLeft displaying the axes. Although the chart is styled as an area, data points are positioned over band centers, giving the appearance of a continuous flow over discrete model categories.

Ccharishmakalyanapu@gmail.com
74% match
Loading thumbnail…

Activity6question3

This example visualizes a sales dataset as a scatter plot, plotting total sales on the x-axis against order numbers on the y-axis, with points colored by customer using `d3.scaleOrdinal` and `schemeTableau10`. A legend identifies each customer, and hover tooltips display product details and total sales. The chart loads CSV data from a GitHub repository via `d3.csv` and renders as SVG, using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes.

Nnikhithaaitha22@gmail.com
73% match
Loading thumbnail…

activity7_question2

This example shows a stacked area chart of course enrollment by category (Technology, Business, Design) over time, where the colored regions represent the number of students enrolled in each category per year. The chart is rendered as an SVG using D3 v7, with `d3.csv` loading the data from a GitHub gist, `d3.area` generating the stacked paths, and `d3.scaleLinear` mapping the year and enrollment values. Axes are added via `d3.axisBottom` and `d3.axisLeft`, with a legend and axis labels included.

Hhoneyravuri.711@gmail.com
72% match