Skip to main content
SimilarExport ZIP
100%

Activity6-Q3.6

✓ Published1🌍 Public
Ssriyaalugupalli@my.unt.edu
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

A scatter plot displays population versus year for a global dataset, with circles colored blue for USA and orange for other countries. The visualization uses D3.js v7 with SVG rendering, loading CSV data from a GitHub repository. D3 scales map Year and Population values to pixel coordinates, while d3.axisBottom and d3.axisLeft generate the axes. Hover interactions are not implemented, and the plot focuses on revealing temporal population trends across countries.

AI-generated description
MIT Licensed

Similar vizzes

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
91% 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
86% match
Loading thumbnail…

Task8_Q3)

This scatter plot visualizes each country's population in 2024, with countries on the y-axis and population on the x-axis. It uses the D3.js library (v7) to load data from a CSV file, then renders circles with colors from `d3.schemeCategory10`. The visualization includes interactive hover effects that enlarge the dots and display the country name, alongside axes, and a legend built from the categorical colors. The plot uses `d3.axisBottom` and `d3.axisLeft` for the axes and is rendered as an SVG element.

Mmulyasuji999@gmail.com
84% match
Loading thumbnail…

Activity6_Q1.2

This D3.js v7 bar chart visualizes the population of 20 countries for the year 2000, sorted along a linear x-axis scale. Each country is represented by a light green rectangle, with its length proportional to population, using `d3.scaleLinear` and `d3.scaleBand` for positioning. The chart renders as an SVG, with axes annotated via `d3.axisBottom` and `d3.axisLeft`, including tick labels formatted to show millions and billions. Population data is fetched asynchronously from a CSV file using `d3.csv`.

Ddabbararakshitha@gmail.com
83% match
Loading thumbnail…

Activity6Question2

This example displays population changes for several countries from 1950 to 2020 using a horizontal bar chart. Each country is assigned a distinct color, and bars extend horizontally to represent population values for each year, with years arranged vertically. The visualization loads D3 v7 via UNPKG, uses `d3.scaleOrdinal` for color assignment, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Mouse interactions update a tooltip showing the exact year and population. The underlying data comes from a CSV file containing country names, codes, and yearly population figures.

Ssatishvelaga02@gmail.com
81% match
Loading thumbnail…

Activity6 Q1

This visualization displays the population of 10 countries in the year 2000 as a bar chart using D3 v7. The chart loads CSV data from a GitHub repository, filters for the year 2000, and takes the first 10 records. It uses d3.scaleBand for the categorical x-axis, d3.scaleLinear for the population y-axis, and renders steelblue bars in an SVG container. The code includes rotated x-axis labels and axis titles for Country and Population.

Kkamalini.ponnuru11@gmail.com
81% match
Loading thumbnail…

Activity-6-Scatterplot

This scatterplot visualizes the relationship between population and GDP per capita for U.S. cities using D3.js v6. The SVG-based chart plots each city as a steel-blue circle with a black stroke, positioned along linear scales for both axes. The code loads data from a GitHub-hosted CSV file, converts the population and GDP values to numbers, and renders axes with formatted tick labels. Interactive tooltips appear on mouseover, displaying each city's name, population, and GDP per capita. The visualization employs d3.csv for data loading, d3.scaleLinear for mapping, and d3.axisBottom and d3.axisLeft for coordinate axes.

GGorantla Vishnusai
81% match
Loading thumbnail…

Activity6_q1.2

This bar chart showing population by country for the year 2010. The top of the chart lists the countries on the y-axis, while the x-axis shows the population value in millions. The bars are rendered with a steel blue fill color. The chart is built using D3.js v7, which uses data from the `data.csv` file. The code uses `d3.scaleLinear` and `d3.scaleBand` to map quantitative and categorical data, `d3.axisLeft` and `d3.axisBottom` to create the axes, and `d3.format` to add abbreviated tick labels.

Vvidyagangasani@my.unt.edu
81% match