Skip to main content
100%

HiddenHunger - Fragility & 3C's

✓ Published0🌍 Public
Aadilyalcin
Last edited Feb 15, 2017
Created on Aug 18, 2016

HiddenHunger visualizes global fragility by linking country-level summaries of conflict, climate, and corruption z-scores with GDP and continent groupings on an interactive map. It uses the KSHF library with d3.geoPath for geographic rendering and loads data from a Google Spreadsheet via a gdocId source. Countries are listed with sortable metrics, and clicking a country zooms to its details, while left and right panels filter by region, fragile state, and percentile-ranked indicators. The visualization highlights correlations between instability factors and economic conditions across nations.

AI-generated description

Similar vizzes

Loading thumbnail…

Famine Forecasting Framework

This sunburst visualization maps a famine forecasting framework, hierarchically organizing food-security indicators. The root represents famine, branching into categories such as Food Access, Food Availability, and Geography, with further subcategories like Agriculture, Economics, and Transportation. Each leaf arc is sized by its value, using a radial layout where the center is the root and outer rings are deeper hierarchy levels. The visualization is color-coded by top-level category and supports interactive exploration: clicking an arc zooms in to that segment, while clicking the center circle zooms back out. The SVG-based animation and hover interactions make the large dataset of indicators easy to navigate and compare.

663anp3ca
66% 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
64% match
Loading thumbnail…

Fork of 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.

Sstanley.shen2003@gmail.com
64% match
Loading thumbnail…

World Income For Country With GDP: CSCE 5320

This interactive D3.js visualization explores world country income and energy data, comparing GDP per capita against purchasing power parity through a scatterplot of point marks. Users navigate five design stages that progressively add categorical region hues, quantitative population sizing, and intentionally broken then repaired chart configurations. The visualization uses SVG rendering with animated transitions, D3 scales for logarithmic and linear axes, and a color legend mapping regional categories. Data loads from a CSV file containing country-level income, population, and region attributes, with tooltips and summary statistics supporting the analysis.

Eeko.5samuel@gmail.com
63% match
Loading thumbnail…

Untitled

This interactive scatterplot explores the relationship between a selectable metric (Freedom, Corruption, Generosity, or Health) and depression rates across all ages, filtered by world region. Colored dots represent different years, with tooltips revealing exact values. The visualization uses D3 v6 to load CSV data via `d3.csvParse`, render SVG elements, and update scales, axes, and circles dynamically through dropdown selectors.

NNikithakatta30
63% 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
63% match
Loading thumbnail…

plot 2

The visualization displays the prevalence of undernourishment for the top ten countries in a selected year, using an interactive side-by-side pie chart and bar chart. A year selector and color-coded legend allow users to compare regional values. The D3 v7 code filters a FAOSTAT CSV dataset, then uses `d3.pie` and `d3.arc` for the pie, `d3.scaleBand` and `d3.scaleLinear` for the bar chart, and a hover tooltip. The charts are rendered as SVG with `d3.select`, `d3.scaleOrdinal`, and `arc.join`.

Ppriyankachary1701@gmail.com
63% match
Loading thumbnail…

Fork of Stylized Scatter Plot

This interactive scatter plot displays country-level well-being indicators, with happiness score on the x-axis and a selectable y-axis metric (economy, social support, generosity, freedom, or corruption). Each circle represents a country, with an HTML `<title>` tooltip showing its exact happiness score. The React-based visualization uses D3 v5 scales (`scaleLinear`), axes (`AxisBottom`, `AxisLeft`), and CSV data loading (`d3.csv`) from a GitHub gist. Users switch the y-axis via a dropdown, triggering React state updates that re-render the SVG marks.

NNikithakatta30
63% match