Skip to main content
100%

Activity6_Task3_Question3.1

✓ Published1🌍 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.

MIT Licensed

Similar vizzes