🌍 Public
Viewing a saved revision (read-only)
8a754aa2f9ba40b4a9a5ff9faca78f4c
WorldHappiness Report2022
This example displays the first record of the World Happiness Report 2022 dataset as formatted JSON text. The code imports the CSV data, converts all numeric fields to numbers, and renders the first data object inside a `<pre>` element using a template literal. The visualization demonstrates the structure of the dataset, including the happiness score and its contributing factors, using vanilla JavaScript and the imported data.
AI-generated descriptionThe Penguins Dataset, loaded and parsed as CSV.
Fork and modify this template to import your data to VizHub and export it for use in other vizzes! To do that:
- Fork this viz
- Clear out the README
- Update the README with details about your dataset (including original source)
- Replace
data.csvwith your own data - Replace the parsing logic in
index.jswith your own - Set the custom URL so you can import from it easily
Challenge
- Find 3 datasets on a topic you are interested in
- For each of those, fork this viz and replace the data
- Parse the quantitative attributes into numbers
- Update
README.mdto indicate the original data source