Chathurya ICE-6 Scatter Plot

3D Scatter plot

This 3D scatter plot visualizes the World Happiness Report data for six countries, showing the relationship between Life Ladder scores, Social Support, and both Positive and Negative Affect. The visualization displays two marker types: orange circular markers for positive affect and gray square markers for negative affect. The code uses the Plotly.js library through the `Plotly.newPlot` function to render the interactive 3D chart, while D3.js handles data loading from a CSV file hosted on GitHub using `d3.csv`. The data is parsed and unpacked into trace objects defined with the `scatter3d` type.

CChathurya

83% match

ICE 6: Scatter Plot Showing Life expectancy vs Happiness Score Scatter Plot

This scatter plot visualizes the relationship between life expectancy and happiness score for countries in the 2017 World Happiness Report, with each semi-transparent purple circle representing a country. The code uses D3 v5’s `csv` loader to fetch the dataset and `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to map the values and render axes with gridlines. The SVG rendering includes labeled axes and a title, while CSS controls circle opacity and text styling.

SShreeti Upreti

83% match

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

82% match

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.

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.

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.

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.