Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task3_Question3.1

Public visualization

Activity6_Task3_Question3.1

0 stars1🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 5, 2024
Created on Apr 5, 2024

This scatter plot visualizes the Fruit Tree dataset, mapping fruit height and width while coloring each point by fruit species (apple, orange, banana, or green). The visualization uses D3.js v6 to load the CSV data via `d3.csv`, create scales with `scaleLinear`, and render SVG circles. The code defines x and y axes using `axisBottom` and `axisLeft`, and applies custom color mapping based on the fruit name. The chart is built within a React framework, though it directly manipulates the DOM, and uses the `join` pattern to bind data to circle elements.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed