Skip to main content
SimilarExport ZIP
100%

ACT6_TASK3.3

✓ Published0🌍 Public
RRevanth putta
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from Fork of D3 Starter

A scatter plot displays the relationship between area and perimeter for a set of ten shape records. Each point is color-coded by a shape category derived from the number of sides, such as Round, Triangle, Quadrilateral, or Polygon, with a legend identifying the groups. The visualization uses D3.js v7 with `d3.csv` to load data from a Gist, `d3.scaleLinear` for both axes, and `d3.scaleOrdinal` with `schemeSet2` for categorical coloring. SVG circles are positioned via `d3.axisBottom` and `d3.axisLeft`, with axes labeled and styled using CSS classes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ACT 6 TASK3.2

This scatter plot example uses D3 v7 to visualize data points with various shapes, mapping an additional categorical dimension through shape encoding. The visualization implements a custom axes module with axis labels, and a shape legend that displays the mapping between categorical values and symbol types. The code demonstrates importing specialized modules from local ES6 files and uses D3's scales, including `scaleLinear` and `scaleOrdinal`, along with `symbol()` from the `d3` namespace to generate the shapes for each data point.

BBhavana Sharma
80% match
Loading thumbnail…

Fork of D3 Starter

A scatter plot maps the area and perimeter of ten synthetic shapes, with points colored by shape category (round, triangle, quadrilateral, or polygon) using a legend. The visualization loads a CSV file via `d3.csv`, parses numeric fields, and renders SVG circles with `d3.scaleLinear` axes for area and perimeter. Shape grouping is determined by the number of sides, and `d3.schemeSet2` provides the categorical color palette. The chart uses margin conventions and axis labels to present the relationship between geometric measurements.

Bbalaaswitha@gmail.com
79% match
Loading thumbnail…

Activity6_Task-8_Q3

This scatter plot visualizes the relationship between x and y coordinates for data points grouped into three categories (A, B, C), with each group distinguished by a distinct color. The visualization uses D3.js v7 to load a CSV file and render an SVG chart with linear scales for both axes. Circles represent individual data points, sized at a fixed radius of 6 pixels, with black strokes for clarity. The chart includes axis labels, a legend identifying each group, and uses `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment. Gridlines are not drawn, but tick marks and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

PPradhyumna Poralla
78% match
Loading thumbnail…

Activity-6_question4

This bubble chart visualizes the correlation between a shape’s average area, perimeter, and number of sides using a CSV dataset. Each circle’s x-position, y-position, and radius map to the area, perimeter, and side count, respectively, while its color encodes the shape type. Built with D3 v7, the SVG visualization includes axis labels and legends for both radius and color. Animated tooltips appear on hover, displaying each shape’s name, with the chart transitioning smoothly via D3’s interactive event handling.

1188r1a0559@gmail.com
78% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
77% match
Loading thumbnail…

Activity 6 Task3 Q6

This example shows a scatter plot of categorical data from a CSV file, with each point colored by category and positioned by valueX and valueY. It uses D3 v7 to load the data via `d3.csv` and `d3.autoType`, then renders SVG circles with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. The axes are generated with `d3.axisBottom` and `d3.axisLeft`, and labels for both axes are added as SVG text.

Kkesava
77% match
Loading thumbnail…

Activity 6 task 3

This scatter plot visualizes the distribution of three data groups (A, B, C) across x and y coordinates, using colored circles to distinguish group membership. The chart includes labeled axes, a legend, and a sequential color scheme from `d3.scaleOrdinal(d3.schemeCategory10)`. Built with D3 v7, the code loads data from a CSV file, applies linear scales for both axes, and renders the visualization as SVG circles. Axis ticks, labels, and the legend are generated using D3’s `d3.axisBottom`, `d3.axisLeft`, and manual SVG text elements.

RRishabh Sharma
76% match
Loading thumbnail…

Fork of D3 Starter

A scatter plot displays the relationship between Area and Perimeter for a shapes dataset, with steel-blue circles plotted on SVG axes. It loads CSV data from a GitHub gist and filters for numeric rows. The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll` with `join` to render circles. Axis labels indicate “Area” on the x-axis and “Perimeter” on the y-axis, with margins and a fixed 600x400 chart size.

Bbalaaswitha@gmail.com
76% match