Skip to main content
Create new
Introduction
Reactivity
Props
Logic
Events
Bindings
Lifecycle
Stores
Motion
Transitions
Animations
Easing
SVG
Actions
Classes
Component composition
Context API
Special elements
Module context
Debugging
7GUIs
Miscellaneous
App.svelte
Chart.svelte
Spiral.svelte
gistemp.json
data.js
<script>
/* By Yi Zhe Ang
https://twitter.com/yizhe_ang
https://yizhe-ang.github.io/

A recreation of the climate spiral (https://svs.gsfc.nasa.gov/4975) by Ed Hawkins and Mark SubbaRao using Svelte, Three.js and Threlte.

Data is processed from this source: https://data.giss.nasa.gov/gistemp/tabledata_v4/GLB.Ts+dSST.csv
*/

import Chart from "./Chart.svelte";
import data from "./data.js";
</script>

<div class="wrapper">
<Chart {data} />
</div>

<style>
:global(body) {
background-color: black;
overflow: hidden;
}

.wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
</style>

loading Svelte compiler...
/* Select a component to see its compiled code */
result = svelte.compile(source, {
generate: ,
});
/* Select a component to see its compiled code */