Fork of CHPATER 3 PRACTICE 3.4

Fork of D3 Starter

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with points colored by species. Using d3.csv to load the data, it employs d3.scaleLinear for both axes and d3.scaleOrdinal with d3.schemeTableau10 for color encoding. The SVG output includes axes via d3.axisBottom and d3.axisLeft, interactive hover tooltips through appended circles and title elements, plus a legend and axis labels. The chart is rendered entirely with d3.v7 and SVG elements.

AAnurup Reddy

Fork of Iris Dataset Scatter Plot

This visualization displays the classic Iris Dataset as a scatter plot, mapping petal length and width to the x and y axes while using color to distinguish between the three species (setosa, versicolor, and virginica). The chart also encodes sepal measurements as the rx and ry attributes on the circular marks, though these have no visible effect on the default SVG circle rendering. Built with D3 v6, it loads the CSV data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders the plot using SVG circles, `axisLeft`, and `axisBottom`.

Pprajoth0405

Nnagalakshmibadineedi2@gmail.com

Fork of activity6 tutorial 3.1

This visualization is an interactive scatter plot of the Iris dataset, displaying petal length and petal width for three flower species—setosa, versicolor, and virginica—distinguished by color. The plot uses D3 v6 APIs, including `csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for rendering the scales. It renders circles as SVG marks, with additional sepal measurements stored as properties but not used in the visual encoding. The chart is sized to the full window, with green axis labels and a red title.

Fork of Parallel Coordinate Plot

This fork of a parallel coordinate plot visualizes the classic Iris Dataset, showing the relationships between sepal length, sepal width, petal length, and petal width for three flower species. Each row is drawn as a semi-transparent polyline, with colors distinguishing Iris setosa, versicolor, and virginica. The code uses d3.csv to load data, then applies d3.scalePoint, d3.scaleLinear, d3.axisLeft, and d3.line to construct the axes and paths. A static SVG canvas renders the chart, including a title, axis labels, and a legend showing class colors.

Jjas0821

Mmaddulanagasanjana@gmail.com

Fork of D3 Starter

This visualization combines a multi-series line chart and a grouped bar-and-line chart to explore the Iris dataset. The top chart plots sepal length against petal length for each species, using d3.line paths and a d3.scaleOrdinal color legend. The bottom chart displays average sepal and petal widths per species using d3.scaleBand rectangles for bars and a d3.line path with circles for the petal-width trend. All data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and rendered as SVG with axes from d3.axisBottom and d3.axisLeft.

Fork of D3 Scatter Plot

A fork of the classic D3 scatter plot, this example visualizes the Iris dataset by mapping petal length to the x-axis and sepal length to the y-axis. It uses d3.csv to load and parse the data, with d3.scaleLinear and d3.extent for scaling, and d3.axisLeft and d3.axisBottom for the axes. Circles are appended to an SVG via d3.selectAll and data joins. The chart fills the entire browser window, with a fixed radius of 5 pixels for each point. The code relies on d3 v6.

AAaron

VVarunKumarKambhampati@my.unt.edu

Fork of Varun_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for the x- and y-axes while encoding species with distinct colors and using sepal dimensions for circle radii. Built with D3 v6 (loaded via UNPKG), it employs `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data and render an SVG chart. The visualization adapts to the full viewport and includes custom axis labels, demonstrating basic data-joining and margin-based layout.

Fork of task3.2

This visualization shows the classic Iris dataset as a scatter plot of sepal length against petal length, with points colored and shaped by species using D3 v7. The code employs `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map species to distinct shapes, and custom legend and axis modules. Data is loaded from a CSV via `csvParse` and rendered with `d3.symbol` paths sized at 200 pixels. The plot uses a viewport-sized SVG with margins, updating interactively based on window dimensions.

JJaswanthkota@my.unt.edu