Skip to main content
SimilarExport ZIP
100%

Man fork

✓ Published0🌍 Public
Mmanojapopuri@gmail.com
Last edited Apr 27, 2024
Created on Apr 27, 2024
Forked from Hello VizHub

This gallery page showcases six distinct visualizations of global development data, including population growth trends, land area versus population density, agricultural land, CO2 emissions, geographic population distribution, and GDP versus life expectancy. The page loads D3 via UNPKG, demonstrates importing from the `"d3"` module, and uses local ES6 modules. Each chart is presented as a static PNG or JPG image, embedded via HTML `<img>` tags with absolute file paths, rather than rendered dynamically in the browser. The visualizations rely on pre-generated Python outputs, not interactive D3 graphics.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Web page

This page presents a gallery of eleven static data visualizations exploring global demographic, economic, and environmental indicators. It showcases population growth trends, land area versus density, agricultural land, CO2 emissions, GDP versus life expectancy, and urban population percentages. The visualizations are rendered using Python (likely with matplotlib), D3.js, and Tableau, with each image embedded directly in the HTML. The page serves as a central hub, linking to external image files for the different chart types and a Tableau dashboard.

Mmanojapopuri@gmail.com
83% match
Loading thumbnail…

web page

This gallery presents a collection of charts examining global demographic and economic indicators. The visualizations cover topics like population growth, land area, CO2 emissions, GDP, and life expectancy. The examples are rendered with a variety of tools, including static images created with Python and interactive maps built with D3.js. A Tableau dashboard is also included, showing population rankings and tax revenue. The D3.js visualizations use geospatial and scatter plot techniques, while the Python charts rely on data plotting libraries.

SSatish Nallamadugu
77% match
Loading thumbnail…

Fork of Man - SDV Activity 6 _Task 1

This horizontal bar chart displays the populations of the top 20 countries in 2010, ordered by country name along the y-axis and population magnitude along the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering data as SVG rectangles with tooltips showing formatted values. The chart loads CSV data from a remote GitHub repository and applies a custom tick formatter that converts large numbers to abbreviated units like "B" for billions. Axis labels and styling utilize CSS classes defined in the HTML document.

Mmanojapopuri@gmail.com
74% match
Loading thumbnail…

project d3

This visualization presents global CO2 emissions and population data through a series of linked charts. It shows a line chart of emission trends over the last twenty years, a scatter plot by country, a histogram of emission values, and bar charts highlighting the top and least populated countries. The code uses d3.csv to load the dataset, then employs d3.group, d3.sum, and d3.scaleBand, alongside d3.line, d3.axisBottom, and d3.axisLeft to render SVG charts.

Jjyothirmaijyothi2017@gmail.com
73% match
Loading thumbnail…

Visualisation GDP

This example presents a multi-chart dashboard visualizing global GDP, population, CO2 emissions, and agricultural data. It loads CSV data from a GitHub repository and renders separate bar, line, histogram, and scatter charts using the Chart.js library. The code also includes custom D3.v5 functions for violin, density, histogram, and boxplot plots, which are defined but not directly invoked in the main HTML, where charts are drawn on canvas elements.

BBharath kumar
73% match
Loading thumbnail…

Fork of 6th visualisation 1

This scatter plot visualizes the relationship between population and GDP across countries, with each point colored by region and interactive tooltips showing country details. It uses D3 v7 to load CSV data from a GitHub repository, then renders an SVG chart with linear scales for both axes and an ordinal color scale based on region_id. The code employs d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft to construct axes, circles, and a categorical legend, all within a responsive layout.

Cchintamanenithp@gmail.com
72% match
Loading thumbnail…

test fork

This interactive bubble chart visualizes global population trends across selected years, with a dropdown menu to view data from 1980 to 2050. Hovering over a country bubble displays a tooltip with details like population, growth rate, and land area, while clicking opens a dialog box with more information, and a legend allows highlighting or fading specific countries. The visualization uses D3 v7 with SVG rendering, and its data handling relies on D3’s selection and event methods to update and display the chart.

RRishabh Sharma
72% match
Loading thumbnail…

Fork of World Population Area Chart with D3.js

This chart displays global population trends over time using a smooth area chart, with temperature-related labels and axes. The visualization encodes data through a red-filled area with a maroon stroke, rendered as SVG. It uses D3.js v7 features including `scaleTime`, `scaleLinear`, `area` with `curveBasis`, and axis generators like `axisBottom` and `axisLeft`. Data is loaded from a CSV file of world population by year, with population values converted to numbers and years parsed as dates. The chart includes labeled axes for time and temperature, with gridlines and a title.

CCarloWK1202
72% match