Fork of Activity6_Task2

100%

Fork of Activity6_Task2

✓ Published0🌍 Public

Last edited Mar 30, 2025

Created on Mar 30, 2025

A fork of Activity6_Task2 displays tabular population data for several countries from 1950 to 2020 in a plain text format. The visualization uses D3 v6 to select a DOM element and assign a message string via the `select` and `text` methods. The code imports a message from a local ES6 module, demonstrating modular JavaScript within a minimal HTML page that loads D3 from a CDN. No chart or graphical rendering is present; the example focuses on basic data integration and text output.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task1

This fork of Activity6_Task1 displays a horizontal bar chart using React and D3 v5, comparing the 2020 populations of 30 countries. The visualization maps each country’s population to bar lengths using a linear scale, with categorical y-axis labels for country names. Using `d3.csv` to load data from a GitHub-hosted CSV, the chart renders as SVG with `scaleBand` and `scaleLinear` for axes, and includes tooltips via `<title>` elements that format values with `d3.format`.

Kkandooriabhiram@gmail.com

80% match

Loading thumbnail…

Fork of Activity8_Task1_DV

This fork renders a horizontal bar chart of population data for 30 countries in 2020, using React to compose an SVG scene. The code imports D3 v5 utilities like `scaleBand`, `scaleLinear`, and `max` to position bars and axes, while custom components (AxisBottom, AxisLeft, Marks) generate tick lines and rectangles. Population values are loaded from a CSV via D3’s `csv` function, then formatted with `format('.2s')` to display billions with a 'B' suffix. The visual emphasizes green bars against a clean white background, with tooltips revealing precise values on hover.

Llikithabaddam@my.unt.edu

80% match

Loading thumbnail…

Fork of A6_Q1.1

This fork of Activity6_Task1 renders a horizontal bar chart of the top ten countries by population in the year 2000. The visualization uses D3 v5 scales (`scaleBand`, `scaleLinear`) and React components to position SVG rectangles and axes, with a tooltip showing the formatted population value. The chart applies a light green fill to bars, blue tick lines, and a Poppins font, loading data from a CSV URL and formatting large numbers with D3's `format`.

SShashankkodishala@my.unt.edu

80% match

Loading thumbnail…

Fork of Activity 6_Task 1

This example demonstrates a minimal D3.js visualization that renders a text message centered on the page. The code imports the `select` function from D3 and a local ES6 module exporting a string, then uses `select('#message').text(message)` to display the text. It loads D3 v5 from a CDN via UNPKG and includes a CSS file for styling. A regular expression and numeric variable are declared but unused, showing basic JavaScript syntax alongside the core D3 selection and manipulation approach.

KKarnam Abinay Goud

80% match

Loading thumbnail…

Fork of Fork of Activity 6_Task 1

This example displays a horizontal bar chart of the 2010 population for about twenty countries, from a CSV file accessed via a URL. Built with React and D3 v5, the SVG visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The marks are rectangles, and the code includes custom components for axes and tooltips, using D3's `format` function to abbreviate population values. The chart is rendered with a green fill for bars, and its styling is defined in the accompanying HTML.

LLakshmiPrasannaValdas@my.unt.edu

80% match

Loading thumbnail…

Fork of activity 6_Task 1

A horizontal bar chart displays population figures for ten countries in 2000, with bars colored light green and axis ticks in blue. The visualization loads CSV data from a GitHub repository using D3 v5’s `csv` method, then renders SVG elements through React components. D3’s `scaleBand` and `scaleLinear` position the categorical y-axis and quantitative x-axis, while the `format` function converts population values into abbreviated units like billions.

HHari Kiran

79% match

Loading thumbnail…

Fork of Activity6_Task1

This is a horizontal bar chart of population data for ten countries in the year 2000, rendered as SVG via React. The visualization uses React hooks (useState, useEffect) and D3 v5 scales including d3.scaleBand and d3.scaleLinear, with components for axes and marks. Data is loaded as CSV from a GitHub URL using d3.csv, with each bar’s width mapped to population via d3.max and tooltips formatted using d3.format. Axes are custom-built with React components, and the chart includes a labeled x-axis showing population in billions.

Kkrunalpatel@my.unt.edu

79% match

Loading thumbnail…

Fork of Activity 6_Task 1

This example displays a horizontal bar chart of population totals for 30 countries in 2020, using a bar length to encode each country’s population magnitude. The visualization is built with React and D3 v5, leveraging `scaleBand` and `scaleLinear` for scales, and `csv` to load data from a GitHub-hosted CSV file. Rendered as SVG, it includes custom axis components, a formatted tick label using `format('.2s')`, and tooltips via the `<title>` element.

Hharsha13638@gmail.com

78% match