Activity6_Qs3

100%

✓ Published0🌍 Public

Last edited Apr 10, 2024

Created on Apr 10, 2024

Forked from Fork of Fork of Activity6_Question3

This D3.js v6 scatter plot maps the latitude and longitude of geographical points from a CSV file, coloring each point by its country: blue for France, green for the United Kingdom, and red for the USA. The visualization uses `d3.csv` to load remote data, `scaleLinear` for proportional x- and y-axes, and `axisLeft`/`axisBottom` to generate tick labels. Circles are appended to an SVG canvas sized to the browser window, with margins and a fixed radius of 5 pixels, while rotated text labels annotate the axes.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q3

This scatter plot maps the latitude and longitude of fifteen cities across France, the United Kingdom, and the USA, with each country’s points colored blue, green, or red. D3 v6’s `scaleLinear` and `extent` set the axes, while `axisLeft` and `axisBottom` generate ticks. Circles are appended via `selectAll` and `data` binding, and SVG text labels rotate for the y-axis. The dataset is hardcoded in the script, with rendering using an SVG canvas.

Tthakurnikhitha4@gmail.com

91% match

Loading thumbnail…

Fork of Activity6_Question3

This scatter plot displays latitude and longitude coordinates for cities in France, the United Kingdom, and the USA, using color-coded points to distinguish countries. Built with D3 v6, the visualization uses `scaleLinear` and `extent` to map coordinates to screen positions, with `axisLeft` and `axisBottom` for axes. A legend is generated via `selectAll` with colored rectangles and text labels. The code reads hardcoded data arrays and renders points as SVG circles, with the plot filling the browser window via `window.innerWidth` and `window.innerHeight`.

Tthakurnikhitha4@gmail.com

88% 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

82% match

Loading thumbnail…

Activity6_question3

This scatter plot visualizes the cities dataset, showing each city as a circle positioned by its area (x-axis) and population (y-axis), with colors indicating the region. It uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data from a GitHub CSV URL and render an SVG chart. The code sets fixed dimensions, applies margins, and uses a switch statement to assign distinct colors to North America, South America, Europe, Asia, and Africa, while smaller tick labels improve readability.

PPreethi Medepalli-91

81% match

Loading thumbnail…

Fork of Fork of Activity6_Question3

This scatter plot visualizes geographic coordinates from the IRIS dataset, with longitude on the x-axis and latitude on the y-axis. Each circle represents a country, colored using `d3.scaleOrdinal` with `d3.schemeCategory10`. Built with D3 v6, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for tick marks. The SVG output is rendered across the full browser window, with axis labels styled in green Times font.

Tthakurnikhitha4@gmail.com

81% match

Loading thumbnail…

Fork of Activity6-Q3.6

This D3.js (v7) scatter plot visualizes population data over time, with each circle representing a country-year observation. The plot distinguishes USA data points in blue from other countries in orange, using year on the x-axis and population on the y-axis. The code loads CSV data from a GitHub repository, converts numeric fields, applies linear scales via `d3.scaleLinear`, and renders axes with `d3.axisBottom` and `d3.axisLeft`. Circle positions are set using the scaled x and y coordinates, with point radius fixed at 5 pixels. The SVG output automatically sizes to the browser window dimensions.

Ssriyaalugupalli@my.unt.edu

81% match

Loading thumbnail…

Activity6_task3_question_6

This scatter plot displays population data for selected countries from 1950 to 2020, using a Cartesian coordinate system where each blue circle represents a data point. The visualization uses D3 v7 to fetch CSV data from a GitHub Gist, then maps the data using `d3.scaleLinear` for both axes and renders circles with hardcoded blue fill. The chart includes axes generated with `d3.axisBottom` and `d3.axisLeft`, along with placeholder axis labels. The code references `d.x` and `d.y` column values, though the actual CSV structure is time-series based rather than x/y pairs.

Cchandrikachowdary867@gmail.com

81% match

Loading thumbnail…

Activity6_Question3

This D3.js v7 example displays a scatter plot of city data, plotting population against area and using distinct symbols to represent different regions. The visualization fetches its data from a CSV file hosted on GitHub and renders it into a full-window SVG. It uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbols` for region-based shapes, and demonstrates a custom legend for mapping shapes to regions. The code loads D3 via UNPKG and uses local ES6 modules for its component structure.

KKhushi Desai

80% match