Skip to main content
SimilarExport ZIP
100%

Fork of Final project

✓ Published0🌍 Public
Sstanley.shen2003@gmail.com
Last edited Jan 16, 2024
Created on Jan 4, 2024
Forked from Final project

This interactive visualization explores global happiness data (2015–2019) across multiple dimensions, including economy, family, health, freedom, trust, and generosity. It presents a choropleth world map colored by selected metrics, a leaderboard for ranking countries, a detail view for individual country comparisons, and a correlation matrix between factors. Users can switch views, filter by year or region, and adjust rank ranges. Built with D3 v7, it uses `d3.geoPath` with Natural Earth projections for the map, `d3.scaleSequential` for color encoding, and animated transitions for temporal changes, rendering in SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Final project

This interactive visualization explores global happiness data from 2015–2023, allowing users to switch between a choropleth map, leaderboard, line chart, and correlation matrix. The map colors countries by selected factors using d3.scaleSequential with interpolateYlGnBu, while the line chart compares individual country trends against the global average. The visualization uses d3-geo projections, d3-scale-chromatic, and SVG rendering, with support for zooming, tooltips, and animated year sliders.

Yyihsuan
90% match
Loading thumbnail…

Fork of HTML Starter

This visualization shows how a selected country’s happiness and its contributing factors (economy, family, health, freedom, trust, generosity) change from 2015 to 2023, either as raw scores or as differences from the global yearly average. The user can switch between these two modes via a flag. The chart renders multiple colored lines, one per feature, using d3.line and d3.scaleOrdinal with d3.schemeSet2, and includes axes from d3.axisBottom and d3.axisLeft. Data comes from the CSV file, which is loaded with d3.csv.

Yyihsuan
85% match
Loading thumbnail…

Viz Project

This visualization explores global trends in the World Happiness Report by mapping each country’s life satisfaction against GDP per capita, with additional dimensions for social support, life expectancy, freedom, generosity, and corruption. Using D3 v4 with SVG and animation, the chart animates through years to reveal changes in the happiness landscape. Each country is represented as a circle, with its position encoding the relationship between GDP and the life ladder score, while size and color can encode additional variables. The visualization updates smoothly as the year changes, allowing users to compare how countries shift in relative happiness and economic standing over time.

CCJKraenzle
81% match
Loading thumbnail…

Fork of Cheap Tricks for Interaction

This visualization displays the World Happiness Report scores for countries using a color-coded choropleth map. The data, sourced from a CSV file, is joined with geographic features from a TopoJSON world atlas. The map renders with an SVG projection using `d3.geoMercator` and `d3.geoPath`. Users can pan and zoom via `d3.zoom`. Country tooltips reveal names, while a sequential color scale (`scaleSequential` with `interpolateYlOrRd`) maps the scores. The implementation uses D3 v5 to load and process the data and TopoJSON to convert the topology into GeoJSON features.

Xxyang3672
81% match
Loading thumbnail…

project plot2

This interactive scatter plot shows the relationship between GDP per capita and happiness scores for countries worldwide, with a dropdown menu allowing selection of individual years from 2015 to 2022. Each circle represents a country, positioned by its economic output and well-being score, while color encodes healthy life expectancy using a sequential plasma scale via d3.scaleSequential. Tooltips provide detailed country-specific values on hover. Built with D3 v7, the visualization uses d3.csv to load external data, SVG circles with enter/update transitions for animated year changes, and d3.axisBottom/d3.axisLeft for the coordinate axes.

Kkallappareddygari Lohith reddy
80% match
Loading thumbnail…

Project Increment 3

A scatter plot matrix reveals pairwise relationships among six happiness factors and overall life satisfaction for countries in the 2020 World Happiness Report. The visualization uses D3 v7 with an SVG renderer, building a grid of cells where each cross-section plots two variables. Axes are rendered at the edges using `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleLinear` maps data values. Circles colored by `d3.scaleOrdinal` with `schemeTableau10` represent countries, and hovering triggers tooltips showing country names and values. A legend identifies the regional indicator groupings.

Aakshayamsgrad@gmail.com
80% match
Loading thumbnail…

Fork of task-4

This bubble chart visualizes the relationship between GDP, social support, and happiness scores across countries. Each circle represents a country, with its x-position indicating GDP, y-position indicating social support, and radius scaled by happiness score. The visualization uses D3.js v7’s `scaleLinear` for axes and bubble sizing, along with `scaleOrdinal` and `interpolateTurbo` for country-based coloring. Interactive tooltips appear on mouseover, showing the country name. The chart includes a legend for happiness scores and a color-coded list of countries, with SVG rendering.

LLakshmiPrasannaValdas@my.unt.edu
80% match
Loading thumbnail…

Fork of World Happiness Graph

This example links a choropleth world map with a scatter plot to explore the relationship between happiness scores (the "Ladder score") and GDP per capita. The map uses a color gradient to encode happiness, while the scatter plot, color-coded by continent, reveals a positive correlation. Hovering over a map country highlights its corresponding dot and triggers a tooltip with details. Built with D3 v6, it uses `d3.geoEqualEarth` and `d3.geoPath` for the map, `d3.scaleLinear` and `d3.scaleLog` for scales, and `d3.select` to build the SVGs.

LLouisa Penrice
79% match