Skip to main content
SimilarExport ZIP
100%

Fork of Activity-6_Question-4

✓ Published0🌍 Public
Vvullihanumantharao@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Activity-6_Task-4

A bubble chart displays furniture items from a CSV file, mapping weight and length to the x- and y-axes, while width controls bubble radius. The chart uses D3.js v7 with SVG for rendering. It includes a legend with hover interaction to highlight individual items, and a tooltip appears on bubble hover. The visualization uses `d3.scaleLinear` for axes and sizing, and `d3.schemeCategory10` for color mapping.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

fork of activity_6_question_4

This bubble chart visualizes product data, mapping price to the x-axis, sales volume to the y-axis, and rating to bubble radius, with categories distinguished by color. The D3 v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for circle sizes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. The SVG rendering includes a legend, axis labels, and interactive tooltips that display product details on mouseover. Data is loaded from a CSV file using `d3.csv`.

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

Fork of Activity 6 - Question 4

This interactive bubble chart displays the relationship between screen size and price for a synthetic dataset of electronics, with each circle’s area encoding horizontal resolution. Rendered as SVG using D3 v7, the visualization employs `d3.scaleLinear` for the x, y, and radius scales, `d3.axisBottom` and `d3.axisLeft` for axes, and mouse event handlers (`mouseover`, `mousemove`, `mouseleave`) to show a tooltip with detailed specifications. The code reads data from `bubblechart.csv` and animates transitions on the tooltip’s opacity.

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

Fork of Activity_6_Task2_Q2.3

A bubble chart renders car brand data as horizontal stacked bars, with each bar segmented by attribute (horsepower, torque, and highway MPG). The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `scaleOrdinal`, and `stack` APIs to position and color the segments. Data is loaded from a local CSV file, and the SVG output includes interactive tooltips. The chart is implemented directly in an HTML page with embedded JavaScript, applying a custom color palette and formatting values to two decimal places.

Pparvathi829790@gmail.com
81% match
Loading thumbnail…

Fork of Activity6_Question_4

This fork of Activity6_Question_4 presents two visualizations: an SVG bubble chart of car makes comparing average torque, horsepower, and highway MPG, and an SVG scatterplot of countries plotting GDP per capita against life expectancy, with bubble size encoding population. The first chart uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.interpolateTurbo for color, and tooltip events. The second uses d3.scaleSqrt for radii and mouseover color changes. Both load data from CSV files (bubblechart.csv, Nation_General.csv) and render with d3.v7 into SVG elements.

Aadityatrip9899@gmail.com
80% match
Loading thumbnail…

Activity6_Question4

This bubble chart displays the correlation between vehicle weight, height, and length, using the x-axis for weight, y-axis for height, and bubble radius for length, with color differentiating car models. Built with D3 v7, it reads data from a local CSV and renders as an SVG. The visualization includes interactive tooltips triggered by mouseover events, and dual legends for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`.

SSaiKiranReddyKancharla@my.unt.edu
80% match
Loading thumbnail…

Fork of Activity 6_Q9

A bubble chart compares beverages by glucose levels on the x-axis, ratings on the y-axis, and calorie content through bubble size. The code loads CSV data with `d3.csv`, creates linear scales for axes and bubble radius, and maps beverage types to colors using `d3.scaleOrdinal` with `d3.schemeSet1`. SVG circles are positioned with x and y scales, with legends for size and color rendered alongside the chart.

KKarnam Abinay Goud
80% match
Loading thumbnail…

Activity6_question4

A bubble chart plots engine displacement against fuel economy for various car models, with the bubble size encoding vehicle weight and the color encoding the number of cylinders via a categorical color scheme. The visualization uses D3 v7 to load CSV data, apply linear scales for the axes and a square-root scale for bubble radii, and render SVG circles. It also includes a legend showing the cylinder count categories.

Mmaneeshraja47@gmail.com
80% match
Loading thumbnail…

Activity6 Question4

A bubble chart displays electronics products with screen size on the x-axis, price on the y-axis, and horizontal resolution scaled to bubble radius using `d3.scaleLinear`. Built with d3.v7 and rendered as SVG circles, each bubble is green with red strokes at 50% opacity. Mouse events trigger tooltips showing brand, resolution, processor speed, and price. Data loads from `bubblechart.csv`, and animations occur through D3 transitions on tooltip opacity.

Ppslharika@gmail.com
79% match