Skip to main content
SimilarExport ZIP
100%

Assignment2_Task8_Pie chart

✓ Published0🌍 Public
Ssreekarthanda@gmail.com
Last edited Jul 22, 2023
Created on Jul 22, 2023
Forked from Hello VizHub

A pie chart displays the market share of car companies, with slices for Ford, Mazda, Toyota, Honda, and others. The chart uses Plotly's `newPlot` function to render the visualization, with labels and percentage values shown inside each slice using radial text orientation. The dataset is a static array of label-value pairs, and the layout specifies a 500 by 400 pixel chart with the title "Market share of car companies." The code loads Plotly via a CDN script tag and defines the chart data and layout objects in JavaScript.

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…

CSCE-5320-Task-9

A pie chart displays the market share of car brands for 2021, with each slice representing a company's total sales and hover interactions revealing the exact value and percentage. The visualization is built with Plotly, using its `newPlot` function to render the chart inside a designated HTML `<div>` element. It fetches a CSV dataset from a GitHub repository, parses the file by splitting rows and columns, and extracts the brand names and total sales figures to populate the chart's labels and values. The layout sets the title, height, and width for the final presentation.

Hhemanthkakani1999@gmail.com
83% match
Loading thumbnail…

Sai_Bhargav_Task09

This example presents a pie chart visualizing the market share of five car brands, with each slice sized by the count of cars attributed to that brand. The visualization includes a legend showing brand names and their corresponding percentages of the total. The code uses the D3.js v6 library to construct the chart, employing `d3.pie()` to compute the slice angles and `d3.arc()` to define the path geometry. The chart and legend are rendered as SVG elements, with colors assigned using `d3.scaleOrdinal` and the `schemeCategory10` palette.

Ssai.kakarlapudi@gmail.com
77% match
Loading thumbnail…

Task9&10_Question1

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and a corresponding color-coded legend listing company names and values. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders the chart as SVG. It employs `d3.pie` and `d3.arc` to generate the pie segments, `d3.scaleOrdinal` for color mapping, and custom formatting with `d3.format` to abbreviate sales numbers.

Kkondaveeti.bhargavi7780@gmail.com
76% match
Loading thumbnail…

Question1

This example visualizes the top five car companies and their market percentages as an interactive pie chart. Each slice displays its percentage value, with a legend showing company names alongside their corresponding percentages and color swatches. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart, and loads its data from a CSV file hosted on a GitHub gist. SVG is used for rendering all chart elements and text.

PPadmajaKodati@my.unt.edu
76% 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
75% 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
75% match
Loading thumbnail…

Pie Chart

This pie chart displays the distribution of users across five car companies: Honda, Nissan, Tesla, Hyundai, and Toyota. The chart uses colored segments with corresponding value labels and a legend for identification. Built with D3 v5, the visualization uses `d3.pie()` to compute arc angles and `d3.arc()` for rendering SVG paths. The legend combines colored rectangles with text labels, and the data is hardcoded in the script.

RRamya19-hub
75% match
Loading thumbnail…

Task-9 Q1

This pie chart shows the sales distribution of cars across six manufacturers, with Ferrari, Mercedes, Audi, Porsche, BMW, and Mclaren. The visualization highlights proportional market share using a color-coded legend that displays each manufacturer’s percentage of total sales. Built with D3.js v5, the chart uses `d3.pie` and `d3.arc` to generate the SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors. Data is hardcoded in the script, and the rendering uses SVG elements with a legend created manually via appended rectangles and text labels.

Hharshaps15@gmail.com
75% match