Skip to main content
SimilarExport ZIP
100%

Fork of Activity6-Q3.6

✓ Published0🌍 Public
Ssriyaalugupalli@my.unt.edu
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6-Q3.6

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.

Ssriyaalugupalli@my.unt.edu
91% match
Loading thumbnail…

Fork of Fork of Activity-6 Q1-1.2

This example visualizes the 2010 population of 20 countries as a horizontal bar chart, with each bar’s length encoding population magnitude. The bars are rendered as light green rectangles on an SVG canvas, using a linear x-scale and a band y-scale for country labels. Population data is loaded from a GitHub-hosted CSV via `d3.csv`. Axes are configured with `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted using `d3.format` (converting millions to billions). The chart is built modularly with separate JavaScript files for axes and marks, all orchestrated in `index.js`.

Kkrishi7079@gmail.com
84% match
Loading thumbnail…

Fork of Activity6_data_vis Q1.1

A horizontal bar chart displays population figures for ten countries in the year 2000, using green bars with blue axis ticks and tooltips showing formatted values. The visualization is built with React and D3 v5, using `scaleBand` for the categorical country axis and `scaleLinear` for the numeric population scale. Data is loaded asynchronously from a CSV file via `d3.csv`, with population values multiplied by 1000 during preprocessing. SVG rendering handles the marks and axes, with tick formatting converting values into billions using D3's `format` function.

Aaashrithas2000@gmail.com
84% 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
83% match
Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 visualizes 2020 population data for up to thirty countries as a horizontal bar chart, with population values shown on the x-axis and country names on the y-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to position bars and axes, rendering everything as SVG elements. The data is loaded via `d3.csv` from a remote GitHub URL, and tooltips display formatted population values using `format('.2s')`. The chart employs a green fill for bars, blue axis lines, and custom tick labels that convert large numbers to billions.

LLohitha Konidena
83% match
Loading thumbnail…

Fork of Activity 7

This fork of Activity 7 visualizes 2020 population data for up to thirty countries as a horizontal bar chart, with population values shown on the x-axis and country names on the y-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to position bars and axes, rendering everything as SVG elements. The data is loaded via `d3.csv` from a remote GitHub URL, and tooltips display formatted population values using `format('.2s')`. The chart employs a green fill for bars, blue axis lines, and custom tick labels that convert large numbers to billions.

LLohitha Konidena
83% match
Loading thumbnail…

Fork of Activity_6 Q1

A horizontal bar chart displays the populations of 30 countries from a CSV file, with labels on the y-axis and population values on the x-axis formatted in billions. The chart uses React with D3 v5, employing `scaleBand` and `scaleLinear` for scaling, `AxisBottom` and `AxisLeft` for axes, and `Marks` to render SVG rectangles with tooltips showing exact values. The data is loaded via `csv` from a gist URL, with population values multiplied by 1000 to represent actual figures.

Bbhavanadupati3@gmail.com
83% match
Loading thumbnail…

Fork of Fork of Activity6_q1.1

This visualization displays the population of ten countries in the year 2000 as a horizontal bar chart using SVG rendering in React. The code employs d3.scaleBand and d3.scaleLinear from the D3 v5 library to map countries to the y-axis and population values to the x-axis, with formatted tick labels converting numbers to billions. Data is loaded from a CSV file via d3.csv, and the bars include tooltips showing the population value. The chart also features custom axis components and a Poppins font from Google Fonts.

Aabjalshaik02@gmail.com
83% match