Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A8Task4

Public visualization

Viewing a saved revision (read-only)

4849802b9a1f44ada687866d2f057230

A8Task4

0 stars0🌍 Public
Sshaiksajidali
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

This bubble chart displays the relationship between fruit size, sweetness level, and acidity, using a D3.js SVG rendering. Each circle's x-axis position maps to size in centimeters, while the y-axis represents sweetness level, and the circle radius encodes acidity. The chart is color-coded with green for fruits above the average sweetness threshold and red for those below. The visualization reads data from a local `fruits.csv` file and uses D3's `scaleLinear` for all three quantitative scales, with `d3.axisBottom` and `d3.axisLeft` for the axes.

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.