Viewing a saved revision (read-only)
63c4c835f5984256bdaf5472a1621579
Activity 6 Tutorial 3
This chart shows the pairwise relationships between measurements from the classic Iris dataset, plotting petal length against petal width while mapping each flower species to a distinct color (setosa in sky blue, versicolor in light green, and virginica in orange). The visualization loads data from a GitHub-hosted CSV file using d3.csv, then constructs a scatter plot with d3.scaleLinear scales for both axes and positions circles using the d3.select and .join methods. Axis ticks are rendered via d3.axisLeft and d3.axisBottom, with axis labels styled using SVG text elements. The chart fills the browser viewport, setting its SVG dimensions from window.innerWidth and window.innerHeight.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.