Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
CChandra Prakash Reddy Kalwakolu
Last edited Apr 15, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This bubble chart visualizes the relationship between sugar percentage and price percentage for various candies, with bubble size representing win percentage and color distinguishing competitor names. It loads CSV data from a GitHub repository using D3's `d3.csv` method, then renders an SVG with `d3.scaleLinear` for both axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. Interactive tooltips appear on mouseover, styled via CSS, providing candy name and values.

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…

Activity6Question4

A bubble chart maps candy characteristics, plotting sugar percentage on the x-axis and price percentage on the y-axis, with bubble size representing win percentage. The chart uses d3.csv to load data from a GitHub repository, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for colors. An SVG rendering includes interactive tooltips that display candy name, sugar, and price values on mouseover.

Aalapati98@gmail.com
92% match
Loading thumbnail…

Activity6_Task3(Question 6)

This scatter plot visualizes candy data, showing the relationship between sugar percentage and win percentage. Each dot represents a candy type, colored red for chocolate candies and blue for non-chocolate candies. The visualization uses D3 v6's `csv` loader to fetch data from a GitHub repository, then employs `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create the axes. The SVG rendering includes labeled axes for sugar and win percentages, with the plot displayed across the full browser window using `window.innerWidth` and `window.innerHeight`.

SSowjanya Devupalli
85% match
Loading thumbnail…

Activity6_Q3

This scatter plot visualizes candy data, showing the relationship between sugar percentage and win percentage, with each point colored by competitor name. The chart uses D3 v6 with an SVG rendering approach, employing `scaleLinear` for both axes, `extent` for domain calculation, and `scaleOrdinal` with `schemeCategory10` for color encoding. Data is loaded asynchronously from a CSV file via `d3.csv`, and circles are bound to the data using the join pattern. Axes are generated with `axisLeft` and `axisBottom`, with additional text labels for each dimension.

AAnirudhaKulakarniKaranam@my.unt.edu
85% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes correlations between average weight, sugar content, and price per kilogram for various fruits. Sized circles encode price, while color distinguishes fruit types. Built with d3.v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and an interactive tooltip on mouse events. Data loads from a CSV file, rendered as SVG, with hover opacity changes and a size legend.

Aamanipeddolla@my.unt.edu
84% match
Loading thumbnail…

Activity6_task4

This bubble chart visualizes the correlation between average sugar, weight, and calories across various food items from a CSV dataset. Each circle’s x-position maps to weight, y-position to sugar, and radius to calorie content, with color distinguishing food type via the d3.scaleOrdinal and schemeCategory10 palette. The chart includes interactive tooltips on mouseover, plus legends for both calorie radius and food categories. Built with D3 v7, it renders as SVG and uses d3.axisBottom and d3.axisLeft for scales.

Yyadlapallisaisathvik@gmail.com
84% match
Loading thumbnail…

Fork of Activity 6_Q6

This scatter plot visualizes candy data from a GitHub-hosted CSV file, plotting sugar percentage against win percentage. Circles are colored red or blue based on whether the candy contains chocolate. The visualization uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `join` to render the SVG, with axis labels styled via CSS. The plot dynamically fits the browser window dimensions.

KKarnam Abinay Goud
83% match
Loading thumbnail…

Task8Question4

This interactive scatter plot displays the candy dataset, plotting sugar percentage against win percentage, with points colored red or blue to indicate the presence or absence of chocolate. The visualization is built with D3 v6, using `scaleLinear` for the axes, `axisLeft` and `axisBottom` for tick marks, and the `join` operator to bind the data. The SVG canvas resizes to the browser window, and the code loads the CSV data from a remote GitHub source, parsing numeric fields and a categorical chocolate indicator.

Mmanohar varma
83% match
Loading thumbnail…

Task8 question3

This scatter plot visualizes candy data, showing the relationship between sugar percentage and win percentage. Each circle represents a candy, colored red for chocolates and blue for non-chocolates. The visualization loads data from a remote CSV file using the `d3.csv` function, then plots points with `d3.scaleLinear` scales and `d3.extent` domains. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, and the code uses D3's `select`, `append`, and `join` methods to build the SVG. Axis labels are added as text elements with a green fill.

Mmanohar varma
83% match