Project Increment 3

Project Increment 1

This radar chart compares the six happiness factors from the 2022 World Happiness Report across four rank groups of countries. The visualization shows averaged scores for GDP per capita, social support, healthy life expectancy, freedom, generosity, and perceptions of corruption, with distinct colored polygons representing top, mid-high, mid-range, and low-ranked nations. Built with D3 v7, the chart uses `d3.csv` for data loading, `d3.scaleLinear` for radial scaling, and SVG paths with `d3.line` for polygon generation. The data file uses comma-separated values with European decimal notation.

Aakshayamsgrad@gmail.com

86% match

Happiness Level Plot

This scatter plot displays each country’s life satisfaction ranking against the year, from 2004 to 2016, using data from the World Happiness Report 2017. It is built with D3 v5 and renders as an SVG, with a time-scaled x-axis and a linear y-axis. The code uses `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, and appends semi-transparent orange circles to represent data points. The CSV dataset is loaded via D3’s `csv` method, and the plot includes axis labels and a title.

World Happiness Feature Relationships

This scatterplot explores relationships between world happiness indicators. Users choose which two metrics to plot against each other via dropdown menus, and can click legend items to highlight or isolate countries belonging to a specific region. The visualization uses D3 v5 to render SVG circles, animating their positions when the axis variables change. A tooltip appears on hover, showing the country's values. Data comes from a CSV file loaded with `csv()`. The code uses `d3.scaleLog`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to construct the log-scaled axes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding.

Mmkt-ds

1027Happiness Level Scatter Plot

This scatter plot visualizes self-reported life satisfaction across countries from 2004 to 2017, using data from the World Happiness Report. A dropdown menu lets users switch between different well-being metrics on the y-axis, while each circle represents a country-year observation colored by country. The visualization combines a time-based scatter plot with overlaid line charts showing trends per country. Clicking a country in the color legend filters both the points and lines, with a tooltip revealing exact values on hover. The code uses D3 v5 APIs including `scaleTime`, `scaleOrdinal`, `nest`, `axisBottom`, and `transition().duration()` for smooth animations.

1027Happiness Level Scatter Plot

This scatter plot displays life satisfaction levels across various countries from 2004 to 2017, featuring interactive tools for exploration. Users can select different metrics from a dropdown menu to change the y-axis, and click legend items to highlight specific data points. The visualization, built with D3 v5, renders circles positioned by year and happiness score, with color encoding for countries. A tooltip reveals country and value details on hover, while the legend provides an interactive filter. Data is loaded from a remote CSV file sourced from the World Happiness Report.

KKeerthiKandadai

Happiness Level Scatter Plot

This interactive visualization displays global happiness levels from 2004 to 2017, using data from the World Happiness Report 2017. It combines a line chart showing happiness trends over time with a map, allowing users to click on a country to see its specific happiness trajectory or select a year to view global distribution. Built with D3 v5, the visualization uses `scaleLinear`, `scaleTime`, `axisLeft`, and `axisBottom` to construct the charts, while SVG rendering handles the map and line paths. The interface includes a dropdown menu for year selection and color-coded points representing happiness scores.

84% match

1027Happiness Level Scatter Plot

This visualization displays global self-reported life satisfaction from 2004 to 2017, plotting each country-year observation as a point on a scatter plot with selectable y-axis metrics such as GDP per capita or social support. A line chart beneath the scatter plot traces each country’s trends over time, while a color legend allows filtering by specific countries. Built with D3 v5, it uses SVG rendering with animated transitions, d3.scaleOrdinal with interpolateRdYlBu for color mapping, and d3.nest for grouping country lines. Data comes from the World Happiness Report 2017 via Our World in Data.

83% match

1027Happiness Level Line Chart

This visualization displays self-reported life satisfaction across countries from 2004 to 2017, using a scatter plot where each circle represents a country-year observation. Users select a metric from a dropdown menu, and clicking a color legend entry highlights that country’s points while dimming others. The D3.js v5 code employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and transitions to animate marks, with `interpolateRdYlBu` for color encoding. Data originates from the World Happiness Report 2017, rendered as an SVG with interactive legend and dropdown functionality.