Skip to main content
SimilarExport ZIP
100%

ques1 supriya

✓ Published2🌍 Public
SSupriya Ravilla
Last edited Apr 19, 2024
Created on Apr 19, 2024

This example shows a pie chart of car makes, with each slice sized by the car’s horsepower, and a color-coded legend on the right. It loads car data from a CSV file hosted on GitHub. The visualization is built with D3 v6, using `d3.csv` for data loading, `d3.pie` for computing slice angles, `d3.arc` for generating the SVG paths, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical colors, all rendered as SVG shapes.

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…

que 3 supriya

This scatter plot visualizes car dataset attributes, plotting horsepower on the x-axis against highway MPG on the y-axis, with each point colored by the vehicle’s make. Built with D3 v6, it uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `schemeTableau10` for categorical colors, and `d3.axisLeft`/`d3.axisBottom` for labeled scales. The SVG renders circles for each data row fetched from a CSV, includes a legend listing manufacturers, and positions axis titles rotated for readability.

SSupriya Ravilla
83% match
Loading thumbnail…

PROJECT

This visualization shows a pie chart of car makes by horsepower, with a corresponding color-coded legend. The data is loaded from a remote CSV file using `d3.csv` and parsed into labels and numeric values. D3 v7’s pie layout (`d3.pie`) and arc generator (`d3.arc`) render the segments, while an ordinal color scale (`d3.scaleOrdinal` with `schemeCategory10`) assigns colors. The chart is drawn as SVG, with a separate HTML legend built dynamically. It includes a centered title and a bottom label for the make category.

Ttallurisaiteja96@gmail.com
83% match
Loading thumbnail…

Assignment2_Question1.1

A pie chart visualizes the distribution of car makes from a CSV dataset, displaying each manufacturer’s share as a colored slice with percentage labels offset outside the chart. Hovering over a slice triggers a tooltip showing the same percentage. Built with D3 v7, the code loads data via `d3.csv`, groups records with `d3.group`, and renders the chart using `d3.pie`, `d3.arc`, and a `d3.scaleOrdinal` color scale with `d3.schemeCategory10`.

HHarsha vardhan reddy Yarmareddy
82% match
Loading thumbnail…

ques2 supriya

This visualization displays a multi-series area chart comparing the proportions of different "makes" across categories, with each series represented as a filled area using a distinct color from the `d3.schemeCategory10` palette. The chart loads CSV data from a GitHub repository via `d3.csv`, then uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. The `d3.area` generator defines the area shapes, while `d3.axisBottom` and `d3.axisLeft` render the axes. A legend with colored rectangles and text labels is added manually to the right of the chart.

SSupriya Ravilla
82% match
Loading thumbnail…

Ques1

A pie chart visualizes the sales distribution of various fruits, fetched as CSV data from a GitHub repository. The chart renders each fruit as a colored slice with a label and value, accompanied by a legend. Built with D3 v7, it uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `d3.schemeSet2` color palette, drawing SVG paths and text within a 400x400 pixel canvas.

VVenkataSaisrivishnuBatchu@my.unt.edu
82% match
Loading thumbnail…

Pie Chart

A pie chart displays automobile sales proportions for different car brands, with each slice labeled by percentage and accompanied by a legend showing brand names and their corresponding sales shares. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice angles and paths, with `scaleOrdinal` assigning colors from a predefined palette. Data is loaded as CSV from a GitHub repository, and the chart renders as SVG with custom styled text and legends.

SSushmaNamidi@my.unt.edu
82% match
Loading thumbnail…

Question1-1 Anil

This example shows a pie chart of car horsepower by make, with a color-coded legend for each manufacturer. Built with D3 v6, it loads CSV data from GitHub, parses numeric values, and uses `d3.pie` and `d3.arc` to generate the SVG slices. A `d3.scaleOrdinal` with `schemeCategory10` maps makes to colors, while `d3.csv` handles asynchronous data fetching. The chart includes a custom legend built from `color.domain()`, rendered as SVG rectangles and text.

AAnilKumarReddyVanteru@my.unt.edu
81% match
Loading thumbnail…

Question1_A1

This pie chart visualizes the distribution of car horsepower across different makes, using D3 v7 to render SVG arcs and labels. The chart encodes horsepower values as arc sizes and colors each segment by car make, with a legend positioned to the right. Labels are placed along the arcs using `d3.arc`’s centroid method, and the data comes from an inline array of `{make, horsepower}` objects. A hover effect on the paths provides subtle interactive feedback.

Vvarmanithish5@gmail.com
81% match