Skip to main content
SimilarExport ZIP
100%

actvity 7 .1 q1

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

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.

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…

Activity-7 q-1

A pie chart displays the distribution of sales counts across different brands, with each slice labeled and colored uniquely. The chart is rendered as an SVG using D3.js v7, with data loaded from a CSV file via `d3.csv` and aggregated using `d3.rollup`. Slices are generated with `d3.pie`, and a legend positioned to the right shows brand color mappings. Hover tooltips are not implemented, but static labels and a Tableau10 color scheme provide clarity.

Bbhargavireddy4016@gmail.com
84% match
Loading thumbnail…

Activity 7_question1

A pie chart displays categorical sales proportions, with each slice labeled and colored by category. Hovering over a slice reveals an HTML tooltip showing the percentage of total sales. The visualization is built with D3 version 7, using the `d3.pie()` layout and `d3.arc()` generator to create slice paths. It loads CSV data from a GitHub Gist via `d3.json()`, applies an ordinal color scale, and includes a custom legend. An SVG canvas renders all marks, while tooltip positioning tracks mouse coordinates.

Ddivya.matavalam828@gmail.com
82% match
Loading thumbnail…

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Ppreethimedepalli4@gmail.com
81% match
Loading thumbnail…

activity7.1q1

This visualization is a pie chart that shows the distribution of user behavior classes. The data comes from a CSV file linked in the code. The chart uses D3.js version 6.7.0, specifically the `pie`, `arc`, and `select` functions to generate pie slices and display percentage labels for each class. A legend on the right identifies the color coding. The overall title sits below the chart, with an "Activity7.1q1" title in the HTML head.

Ssudheervnarasimha1@gmail.com
81% match
Loading thumbnail…

Activity7_Q1

A pie chart visualizes the distribution of car classes from a CSV dataset, showing the proportions of categories like 'unacc', 'acc', 'vgood', and 'good' as colored slices with percentage labels. The chart uses D3.js (version 7.8.5) with the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the pie geometry and colors. A legend on the right lists each class with its count. The SVG is built programmatically, with data loaded asynchronously from a GitHub-hosted CSV file.

Kkeerthana11.mcs@gmail.com
81% match
Loading thumbnail…

Activity - 7 - Q1

This pie chart shows the sales figures for a set of books, with each slice labeled by its sales value in crores and accompanied by a color-coded legend. The visualization loads data from a GitHub-hosted CSV file using `d3.csv` and renders the chart with D3 v5's `pie` and `arc` generators. Slice colors are assigned via `d3.scaleOrdinal`, and the final SVG output places the chart and its legend within a 960 by 500 pixel canvas.

NNitish Thotakura
81% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
81% match
Loading thumbnail…

ACTIVITY9-Q1

This pie chart shows the number of employees in each technology, with each slice labeled and colored to represent a technology category. The chart uses a D3 v5 pie layout and arc generator to compute the angular segments, displayed as an SVG. Data is loaded asynchronously from a remote CSV file via d3.csv, with percentages formatted using d3.format and rendered inside each slice. A legend on the right lists each technology with its corresponding value, using a d3.scaleOrdinal for color assignment and d3.arc for segment geometry.

Ppadiginetivishnupriya@gmail.com
81% match