Create new
Bindings
Transitions
Animations
Easing
Component composition
Context API
Special elements
Module context
Debugging
Miscellaneous
App.svelte
data.js
runes
This component is in runes mode.
To disable runes mode, add the following to the top of your component:
<svelte:options runes={false} />
999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
⌄
⌄
⌄
⌄
⌄
⌄
<script>
import { scaleLinear } from 'd3-scale';
import points from './data.js';
const yTicks = [0, 2, 4, 6, 8];
const xTicks = [1980, 1990, 2000, 2010];
const padding = { top: 20, right: 15, bottom: 20, left: 25 };
let width = $state(500);
let height = $state(200);
function formatMobile(tick) {
return "'" + tick.toString().slice(-2);
}
let minX = $derived(points[0].x);
let maxX = $derived(points[points.length - 1].x);
let xScale = $derived(scaleLinear()
.domain([minX, maxX])
.range([padding.left, width - padding.right]));
let yScale = $derived(scaleLinear()
.domain([Math.min.apply(null, yTicks), Math.max.apply(null, yTicks)])
.range([height - padding.bottom, padding.top]));
let path = $derived(`M${points.map((p) => `${xScale(p.x)},${yScale(p.y)}`).join('L')}`);
let area = $derived(`${path}L${xScale(maxX)},${yScale(0)}L${xScale(minX)},${yScale(0)}Z`);
</script>
<h2>Arctic sea ice minimum</h2>
<div class="chart" bind:clientWidth={width} bind:clientHeight={height}>
<svg>
<!-- y axis -->
<g class="axis y-axis" transform="translate(0, {padding.top})">
{#each yTicks as tick}
Error compiling component
WebAssembly.instantiateStreaming(): value type opcode @+13
999
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
⌄
⌄
⌄
⌄
⌄
import 'svelte/internal/disclose-version';
import * as $ from 'svelte/internal/client';
import { scaleLinear } from 'd3-scale';
import points from './data.js';
var root_1 = $.ns_template(`<g><line x2="100%" class="svelte-y639yn"></line><text y="-4" class="svelte-y639yn"> </text></g>`);
var root_2 = $.ns_template(`<g><line x1="0" x2="0" class="svelte-y639yn"></line><text y="-2" class="svelte-y639yn"> </text></g>`);
var root = $.template(`<h2 class="svelte-y639yn">Arctic sea ice minimum</h2> <div class="chart svelte-y639yn"><svg class="svelte-y639yn"><g class="axis y-axis"></g><g class="axis x-axis svelte-y639yn"></g><path class="path-area svelte-y639yn"></path><path class="path-line svelte-y639yn"></path></svg></div> <p class="svelte-y639yn">Average September extent. Source: <a href="https://climate.nasa.gov/vital-signs/arctic-sea-ice/">NSIDC/NASA</a></p>`, 1);
export default function App($$anchor, $$props) {
$.push($$props, true);
const yTicks = [0, 2, 4, 6, 8];
const xTicks = [1980, 1990, 2000, 2010];
const padding = { top: 20, right: 15, bottom: 20, left: 25 };
let width = $.state(500);
let height = $.state(200);
function formatMobile(tick) {
return "'" + tick.toString().slice(-2);
}
let minX = $.derived(() => points[0].x);
let maxX = $.derived(() => points[points.length - 1].x);
let xScale = $.derived(() => scaleLinear().domain([$.get(minX), $.get(maxX)]).range([
padding.left,
$.get(width) - padding.right
]));
let yScale = $.derived(() => scaleLinear().domain([
Math.min.apply(null, yTicks),
Math.max.apply(null, yTicks)
]).range([
$.get(height) - padding.bottom,
padding.top
result = svelte.compile(source, {
generate: ,
});99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
›
.chart.svelte-y639yn,
h2.svelte-y639yn,
p.svelte-y639yn {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
svg.svelte-y639yn {
position: relative;
width: 100%;
height: 200px;
overflow: visible;
}
.tick.svelte-y639yn {
font-size: 0.725em;
font-weight: 200;
}
.tick.svelte-y639yn line:where(.svelte-y639yn) {
stroke: #888;
stroke-dasharray: 2;
}
.tick.svelte-y639yn text:where(.svelte-y639yn) {
fill: #888;
text-anchor: start;
}
.tick.tick-0.svelte-y639yn line:where(.svelte-y639yn) {
stroke-dasharray: 0;
}
Root {
css: StyleSheet {...}
- type: "StyleSheet"
- start: 1887
- end: 2532
- attributes: []
children: [...] (9)
Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1896
- end: 1911
children: [...] (3)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1896
- end: 1902
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "chart"
- start: 1896
- end: 1902
}
]- start: 1896
- end: 1902
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1905
- end: 1907
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "h2"
- start: 1905
- end: 1907
}
]- start: 1905
- end: 1907
}
]
} ComplexSelector {...}
- type: "ComplexSelector"
- start: 1910
- end: 1911
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "p"
- start: 1910
- end: 1911
}
]- start: 1910
- end: 1911
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 1912
- end: 1994
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 1916
- end: 1927
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 1931
- end: 1947
- property: "max-width"
- value: "500px"
} Declaration {...}
- type: "Declaration"
- start: 1951
- end: 1968
- property: "margin-left"
- value: "auto"
} Declaration {...}
- type: "Declaration"
- start: 1972
- end: 1990
- property: "margin-right"
- value: "auto"
}
]
}- start: 1896
- end: 1994
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 1997
- end: 2000
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 1997
- end: 2000
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "svg"
- start: 1997
- end: 2000
}
]- start: 1997
- end: 2000
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2001
- end: 2080
children: [...] (4)
Declaration {...}
- type: "Declaration"
- start: 2005
- end: 2023
- property: "position"
- value: "relative"
} Declaration {...}
- type: "Declaration"
- start: 2027
- end: 2038
- property: "width"
- value: "100%"
} Declaration {...}
- type: "Declaration"
- start: 2042
- end: 2055
- property: "height"
- value: "200px"
} Declaration {...}
- type: "Declaration"
- start: 2059
- end: 2076
- property: "overflow"
- value: "visible"
}
]
}- start: 1997
- end: 2080
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2083
- end: 2088
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2083
- end: 2088
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "tick"
- start: 2083
- end: 2088
}
]- start: 2083
- end: 2088
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2089
- end: 2135
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2093
- end: 2111
- property: "font-size"
- value: "0.725em"
} Declaration {...}
- type: "Declaration"
- start: 2115
- end: 2131
- property: "font-weight"
- value: "200"
}
]
}- start: 2083
- end: 2135
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2138
- end: 2148
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2138
- end: 2148
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "tick"
- start: 2138
- end: 2143
}
]- start: 2138
- end: 2143
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2143
- end: 2144
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "line"
- start: 2144
- end: 2148
}
]- start: 2143
- end: 2148
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2149
- end: 2192
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2153
- end: 2165
- property: "stroke"
- value: "#888"
} Declaration {...}
- type: "Declaration"
- start: 2169
- end: 2188
- property: "stroke-dasharray"
- value: "2"
}
]
}- start: 2138
- end: 2192
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2195
- end: 2205
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2195
- end: 2205
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "tick"
- start: 2195
- end: 2200
}
]- start: 2195
- end: 2200
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2200
- end: 2201
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "text"
- start: 2201
- end: 2205
}
]- start: 2200
- end: 2205
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2206
- end: 2246
children: [...] (2)
Declaration {...}
- type: "Declaration"
- start: 2210
- end: 2220
- property: "fill"
- value: "#888"
} Declaration {...}
- type: "Declaration"
- start: 2224
- end: 2242
- property: "text-anchor"
- value: "start"
}
]
}- start: 2195
- end: 2246
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2249
- end: 2266
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2249
- end: 2266
children: [...] (2)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (2)
ClassSelector {...}
- type: "ClassSelector"
- name: "tick"
- start: 2249
- end: 2254
} ClassSelector {...}
- type: "ClassSelector"
- name: "tick-0"
- start: 2254
- end: 2261
}
]- start: 2249
- end: 2261
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2261
- end: 2262
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "line"
- start: 2262
- end: 2266
}
]- start: 2261
- end: 2266
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2267
- end: 2294
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2271
- end: 2290
- property: "stroke-dasharray"
- value: "0"
}
]
}- start: 2249
- end: 2294
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2297
- end: 2315
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2297
- end: 2315
children: [...] (3)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "x-axis"
- start: 2297
- end: 2304
}
]- start: 2297
- end: 2304
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2304
- end: 2305
}selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "tick"
- start: 2305
- end: 2310
}
]- start: 2304
- end: 2310
} RelativeSelector {...}
- type: "RelativeSelector"
combinator: Combinator {...}
- type: "Combinator"
- name: " "
- start: 2310
- end: 2311
}selectors: [...] (1)
TypeSelector {...}
- type: "TypeSelector"
- name: "text"
- start: 2311
- end: 2315
}
]- start: 2310
- end: 2315
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2316
- end: 2343
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2320
- end: 2339
- property: "text-anchor"
- value: "middle"
}
]
}- start: 2297
- end: 2343
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2346
- end: 2356
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2346
- end: 2356
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "path-line"
- start: 2346
- end: 2356
}
]- start: 2346
- end: 2356
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2357
- end: 2473
children: [...] (5)
Declaration {...}
- type: "Declaration"
- start: 2361
- end: 2371
- property: "fill"
- value: "none"
} Declaration {...}
- type: "Declaration"
- start: 2375
- end: 2399
- property: "stroke"
- value: "rgb(0, 100, 100)"
} Declaration {...}
- type: "Declaration"
- start: 2403
- end: 2425
- property: "stroke-linejoin"
- value: "round"
} Declaration {...}
- type: "Declaration"
- start: 2429
- end: 2450
- property: "stroke-linecap"
- value: "round"
} Declaration {...}
- type: "Declaration"
- start: 2454
- end: 2469
- property: "stroke-width"
- value: "2"
}
]
}- start: 2346
- end: 2473
} Rule {...}
- type: "Rule"
prelude: SelectorList {...}
- type: "SelectorList"
- start: 2476
- end: 2486
children: [...] (1)
ComplexSelector {...}
- type: "ComplexSelector"
- start: 2476
- end: 2486
children: [...] (1)
RelativeSelector {...}
- type: "RelativeSelector"
- combinator: null
selectors: [...] (1)
ClassSelector {...}
- type: "ClassSelector"
- name: "path-area"
- start: 2476
- end: 2486
}
]- start: 2476
- end: 2486
}
]
}
]
}block: Block {...}
- type: "Block"
- start: 2487
- end: 2523
children: [...] (1)
Declaration {...}
- type: "Declaration"
- start: 2491
- end: 2519
- property: "fill"
- value: "rgba(0, 100, 100, 0.2)"
}
]
}- start: 2476
- end: 2523
}
]content: {...}
- start: 1894
- end: 2524
- styles: "\n\t.chart,\n\th2,\n\tp {\n\t\twidth: 100%;\n\t\tmax-width: 500px;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\n\tsvg {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: 200px;\n\t\toverflow: visible;\n\t}\n\n\t.tick {\n\t\tfont-size: 0.725em;\n\t\tfont-weight: 200;\n\t}\n\n\t.tick line {\n\t\tstroke: #888;\n\t\tstroke-dasharray: 2;\n\t}\n\n\t.tick text {\n\t\tfill: #888;\n\t\ttext-anchor: start;\n\t}\n\n\t.tick.tick-0 line {\n\t\tstroke-dasharray: 0;\n\t}\n\n\t.x-axis .tick text {\n\t\ttext-anchor: middle;\n\t}\n\n\t.path-line {\n\t\tfill: none;\n\t\tstroke: rgb(0, 100, 100);\n\t\tstroke-linejoin: round;\n\t\tstroke-linecap: round;\n\t\tstroke-width: 2;\n\t}\n\n\t.path-area {\n\t\tfill: rgba(0, 100, 100, 0.2);\n\t}\n"
- comment: null
}
}- js: []
- start: 906
- end: 1885
- type: "Root"
fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (7)
Text {...}
- type: "Text"
- start: 904
- end: 906
- raw: "\n\n"
- data: "\n\n"
} RegularElement {...}
- type: "RegularElement"
- start: 906
- end: 937
- name: "h2"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-y639yn"
- raw: "svelte-y639yn"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 910
- end: 932
- raw: "Arctic sea ice minimum"
- data: "Arctic sea ice minimum"
}
]
}
} Text {...}
- type: "Text"
- start: 937
- end: 939
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 939
- end: 1757
- name: "div"
attributes: [...] (3)
Attribute {...}
- type: "Attribute"
- start: 944
- end: 957
- name: "class"
value: [...] (1)
Text {...}
- start: 951
- end: 956
- type: "Text"
- raw: "chart"
- data: "chart svelte-y639yn"
}
]
} BindDirective {...}
- start: 958
- end: 982
- type: "BindDirective"
- name: "clientWidth"
expression: Identifier {...}
- type: "Identifier"
- start: 976
- end: 981
loc: {...}
start: {...}
- line: 32
- column: 37
}end: {...}
- line: 32
- column: 42
}
}- name: "width"
}- modifiers: []
} BindDirective {...}
- start: 983
- end: 1009
- type: "BindDirective"
- name: "clientHeight"
expression: Identifier {...}
- type: "Identifier"
- start: 1002
- end: 1008
loc: {...}
start: {...}
- line: 32
- column: 63
}end: {...}
- line: 32
- column: 69
}
}- name: "height"
}- modifiers: []
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1010
- end: 1012
- raw: "\n\t"
- data: "\n\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1012
- end: 1750
- name: "svg"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-y639yn"
- raw: "svelte-y639yn"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (15)
Text {...}
- type: "Text"
- start: 1017
- end: 1020
- raw: "\n\t\t"
- data: "\n\t\t"
} Comment {...}
- type: "Comment"
- start: 1020
- end: 1035
- data: " y axis "
} Text {...}
- type: "Text"
- start: 1035
- end: 1038
- raw: "\n\t\t"
- data: "\n\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1038
- end: 1338
- name: "g"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1041
- end: 1060
- name: "class"
value: [...] (1)
Text {...}
- start: 1048
- end: 1059
- type: "Text"
- raw: "axis y-axis"
- data: "axis y-axis"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1061
- end: 1100
- name: "transform"
value: [...] (3)
Text {...}
- start: 1072
- end: 1085
- type: "Text"
- raw: "translate(0, "
- data: "translate(0, "
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1085
- end: 1098
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1086
- end: 1097
loc: {...}
start: {...}
- line: 35
- column: 50
}end: {...}
- line: 35
- column: 61
}
}object: Identifier {...}
- type: "Identifier"
- start: 1086
- end: 1093
loc: {...}
start: {...}
- line: 35
- column: 50
}end: {...}
- line: 35
- column: 57
}
}- name: "padding"
}property: Identifier {...}
- type: "Identifier"
- start: 1094
- end: 1097
loc: {...}
start: {...}
- line: 35
- column: 58
}end: {...}
- line: 35
- column: 61
}
}- name: "top"
}- computed: false
- optional: false
}
} Text {...}
- start: 1098
- end: 1099
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1101
- end: 1105
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
} EachBlock {...}
- type: "EachBlock"
- start: 1105
- end: 1331
expression: Identifier {...}
- type: "Identifier"
- start: 1112
- end: 1118
loc: {...}
start: {...}
- line: 36
- column: 10
}end: {...}
- line: 36
- column: 16
}
}- name: "yTicks"
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1127
- end: 1132
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1132
- end: 1320
- name: "g"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1135
- end: 1159
- name: "class"
value: [...] (3)
Text {...}
- start: 1142
- end: 1152
- type: "Text"
- raw: "tick tick-"
- data: "tick tick-"
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1152
- end: 1158
expression: Identifier {...}
- type: "Identifier"
- start: 1153
- end: 1157
loc: {...}
start: {...}
- line: 37
- column: 25
}end: {...}
- line: 37
- column: 29
}
}- name: "tick"
}
} Text {...}
- type: "Text"
- data: " svelte-y639yn"
- raw: " svelte-y639yn"
- start: -1
- end: -1
}
]
} Attribute {...}
- type: "Attribute"
- start: 1160
- end: 1217
- name: "transform"
value: [...] (3)
Text {...}
- start: 1171
- end: 1184
- type: "Text"
- raw: "translate(0, "
- data: "translate(0, "
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1184
- end: 1215
expression: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1185
- end: 1214
loc: {...}
start: {...}
- line: 37
- column: 57
}end: {...}
- line: 37
- column: 86
}
}left: CallExpression {...}
- type: "CallExpression"
- start: 1185
- end: 1197
loc: {...}
start: {...}
- line: 37
- column: 57
}end: {...}
- line: 37
- column: 69
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1185
- end: 1191
loc: {...}
start: {...}
- line: 37
- column: 57
}end: {...}
- line: 37
- column: 63
}
}- name: "yScale"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1192
- end: 1196
loc: {...}
start: {...}
- line: 37
- column: 64
}end: {...}
- line: 37
- column: 68
}
}- name: "tick"
}
]- optional: false
}- operator: "-"
right: MemberExpression {...}
- type: "MemberExpression"
- start: 1200
- end: 1214
loc: {...}
start: {...}
- line: 37
- column: 72
}end: {...}
- line: 37
- column: 86
}
}object: Identifier {...}
- type: "Identifier"
- start: 1200
- end: 1207
loc: {...}
start: {...}
- line: 37
- column: 72
}end: {...}
- line: 37
- column: 79
}
}- name: "padding"
}property: Identifier {...}
- type: "Identifier"
- start: 1208
- end: 1214
loc: {...}
start: {...}
- line: 37
- column: 80
}end: {...}
- line: 37
- column: 86
}
}- name: "bottom"
}- computed: false
- optional: false
}
}
} Text {...}
- start: 1215
- end: 1216
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 1218
- end: 1224
- raw: "\n\t\t\t\t\t"
- data: "\n\t\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1224
- end: 1242
- name: "line"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1230
- end: 1239
- name: "x2"
value: [...] (1)
Text {...}
- start: 1234
- end: 1238
- type: "Text"
- raw: "100%"
- data: "100%"
}
]
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-y639yn"
- raw: "svelte-y639yn"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1242
- end: 1248
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1248
- end: 1311
- name: "text"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1254
- end: 1260
- name: "y"
value: [...] (1)
Text {...}
- start: 1257
- end: 1259
- type: "Text"
- raw: "-4"
- data: "-4"
}
]
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-y639yn"
- raw: "svelte-y639yn"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
ExpressionTag {...}
- type: "ExpressionTag"
- start: 1261
- end: 1267
expression: Identifier {...}
- type: "Identifier"
- start: 1262
- end: 1266
loc: {...}
start: {...}
- line: 39
- column: 19
}end: {...}
- line: 39
- column: 23
}
}- name: "tick"
}
} Text {...}
- type: "Text"
- start: 1267
- end: 1268
- raw: " "
- data: " "
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1268
- end: 1304
expression: ConditionalExpression {...}
- type: "ConditionalExpression"
- start: 1269
- end: 1303
loc: {...}
start: {...}
- line: 39
- column: 26
}end: {...}
- line: 39
- column: 60
}
}test: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1269
- end: 1279
loc: {...}
start: {...}
- line: 39
- column: 26
}end: {...}
- line: 39
- column: 36
}
}left: Identifier {...}
- type: "Identifier"
- start: 1269
- end: 1273
loc: {...}
start: {...}
- line: 39
- column: 26
}end: {...}
- line: 39
- column: 30
}
}- name: "tick"
}- operator: "==="
right: Literal {...}
- type: "Literal"
- start: 1278
- end: 1279
loc: {...}
start: {...}
- line: 39
- column: 35
}end: {...}
- line: 39
- column: 36
}
}- value: 8
- raw: "8"
}
}consequent: Literal {...}
- type: "Literal"
- start: 1282
- end: 1298
loc: {...}
start: {...}
- line: 39
- column: 39
}end: {...}
- line: 39
- column: 55
}
}- value: " million sq km"
- raw: "' million sq km'"
}alternate: Literal {...}
- type: "Literal"
- start: 1301
- end: 1303
loc: {...}
start: {...}
- line: 39
- column: 58
}end: {...}
- line: 39
- column: 60
}
}- value: ""
- raw: "''"
}
}
}
]
}
} Text {...}
- type: "Text"
- start: 1311
- end: 1316
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1320
- end: 1324
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "tick"
- start: 1122
loc: {...}
start: {...}
- line: 36
- column: 20
- character: 1122
}end: {...}
- line: 36
- column: 24
- character: 1126
}
}- end: 1126
- typeAnnotation: undefined
}- index: undefined
- key: undefined
} Text {...}
- type: "Text"
- start: 1331
- end: 1334
- raw: "\n\t\t"
- data: "\n\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1338
- end: 1342
- raw: " "
- data: " "
} Comment {...}
- type: "Comment"
- start: 1342
- end: 1357
- data: " x axis "
} Text {...}
- type: "Text"
- start: 1357
- end: 1360
- raw: ""
- data: ""
} RegularElement {...}
- type: "RegularElement"
- start: 1360
- end: 1649
- name: "g"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 1363
- end: 1382
- name: "class"
value: [...] (1)
Text {...}
- start: 1370
- end: 1381
- type: "Text"
- raw: "axis x-axis"
- data: "axis x-axis svelte-y639yn"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1383
- end: 1387
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
} EachBlock {...}
- type: "EachBlock"
- start: 1387
- end: 1642
expression: Identifier {...}
- type: "Identifier"
- start: 1394
- end: 1400
loc: {...}
start: {...}
- line: 46
- column: 10
}end: {...}
- line: 46
- column: 16
}
}- name: "xTicks"
}body: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1409
- end: 1414
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1414
- end: 1631
- name: "g"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1417
- end: 1441
- name: "class"
value: [...] (3)
Text {...}
- start: 1424
- end: 1434
- type: "Text"
- raw: "tick tick-"
- data: "tick tick-"
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1434
- end: 1440
expression: Identifier {...}
- type: "Identifier"
- start: 1435
- end: 1439
loc: {...}
start: {...}
- line: 47
- column: 25
}end: {...}
- line: 47
- column: 29
}
}- name: "tick"
}
} Text {...}
- type: "Text"
- data: " svelte-y639yn"
- raw: " svelte-y639yn"
- start: -1
- end: -1
}
]
} Attribute {...}
- type: "Attribute"
- start: 1442
- end: 1488
- name: "transform"
value: [...] (5)
Text {...}
- start: 1453
- end: 1463
- type: "Text"
- raw: "translate("
- data: "translate("
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1463
- end: 1477
expression: CallExpression {...}
- type: "CallExpression"
- start: 1464
- end: 1476
loc: {...}
start: {...}
- line: 47
- column: 54
}end: {...}
- line: 47
- column: 66
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1464
- end: 1470
loc: {...}
start: {...}
- line: 47
- column: 54
}end: {...}
- line: 47
- column: 60
}
}- name: "xScale"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1471
- end: 1475
loc: {...}
start: {...}
- line: 47
- column: 61
}end: {...}
- line: 47
- column: 65
}
}- name: "tick"
}
]- optional: false
}
} Text {...}
- start: 1477
- end: 1478
- type: "Text"
- raw: ","
- data: ","
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1478
- end: 1486
expression: Identifier {...}
- type: "Identifier"
- start: 1479
- end: 1485
loc: {...}
start: {...}
- line: 47
- column: 69
}end: {...}
- line: 47
- column: 75
}
}- name: "height"
}
} Text {...}
- start: 1486
- end: 1487
- type: "Text"
- raw: ")"
- data: ")"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (5)
Text {...}
- type: "Text"
- start: 1489
- end: 1495
- raw: "\n\t\t\t\t\t"
- data: "\n\t\t\t\t\t"
} RegularElement {...}
- type: "RegularElement"
- start: 1495
- end: 1555
- name: "line"
attributes: [...] (5)
Attribute {...}
- type: "Attribute"
- start: 1501
- end: 1515
- name: "y1"
value: [...] (2)
Text {...}
- start: 1505
- end: 1506
- type: "Text"
- raw: "-"
- data: "-"
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1506
- end: 1514
expression: Identifier {...}
- type: "Identifier"
- start: 1507
- end: 1513
loc: {...}
start: {...}
- line: 48
- column: 17
}end: {...}
- line: 48
- column: 23
}
}- name: "height"
}
}
]
} Attribute {...}
- type: "Attribute"
- start: 1516
- end: 1538
- name: "y2"
value: [...] (2)
Text {...}
- start: 1520
- end: 1521
- type: "Text"
- raw: "-"
- data: "-"
} ExpressionTag {...}
- type: "ExpressionTag"
- start: 1521
- end: 1537
expression: MemberExpression {...}
- type: "MemberExpression"
- start: 1522
- end: 1536
loc: {...}
start: {...}
- line: 48
- column: 32
}end: {...}
- line: 48
- column: 46
}
}object: Identifier {...}
- type: "Identifier"
- start: 1522
- end: 1529
loc: {...}
start: {...}
- line: 48
- column: 32
}end: {...}
- line: 48
- column: 39
}
}- name: "padding"
}property: Identifier {...}
- type: "Identifier"
- start: 1530
- end: 1536
loc: {...}
start: {...}
- line: 48
- column: 40
}end: {...}
- line: 48
- column: 46
}
}- name: "bottom"
}- computed: false
- optional: false
}
}
]
} Attribute {...}
- type: "Attribute"
- start: 1539
- end: 1545
- name: "x1"
value: [...] (1)
Text {...}
- start: 1543
- end: 1544
- type: "Text"
- raw: "0"
- data: "0"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1546
- end: 1552
- name: "x2"
value: [...] (1)
Text {...}
- start: 1550
- end: 1551
- type: "Text"
- raw: "0"
- data: "0"
}
]
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-y639yn"
- raw: "svelte-y639yn"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1555
- end: 1561
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1561
- end: 1622
- name: "text"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1567
- end: 1573
- name: "y"
value: [...] (1)
Text {...}
- start: 1570
- end: 1572
- type: "Text"
- raw: "-2"
- data: "-2"
}
]
} Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-y639yn"
- raw: "svelte-y639yn"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
ExpressionTag {...}
- type: "ExpressionTag"
- start: 1574
- end: 1615
expression: ConditionalExpression {...}
- type: "ConditionalExpression"
- start: 1575
- end: 1614
loc: {...}
start: {...}
- line: 49
- column: 19
}end: {...}
- line: 49
- column: 58
}
}test: BinaryExpression {...}
- type: "BinaryExpression"
- start: 1575
- end: 1586
loc: {...}
start: {...}
- line: 49
- column: 19
}end: {...}
- line: 49
- column: 30
}
}left: Identifier {...}
- type: "Identifier"
- start: 1575
- end: 1580
loc: {...}
start: {...}
- line: 49
- column: 19
}end: {...}
- line: 49
- column: 24
}
}- name: "width"
}- operator: ">"
right: Literal {...}
- type: "Literal"
- start: 1583
- end: 1586
loc: {...}
start: {...}
- line: 49
- column: 27
}end: {...}
- line: 49
- column: 30
}
}- value: 380
- raw: "380"
}
}consequent: Identifier {...}
- type: "Identifier"
- start: 1589
- end: 1593
loc: {...}
start: {...}
- line: 49
- column: 33
}end: {...}
- line: 49
- column: 37
}
}- name: "tick"
}alternate: CallExpression {...}
- type: "CallExpression"
- start: 1596
- end: 1614
loc: {...}
start: {...}
- line: 49
- column: 40
}end: {...}
- line: 49
- column: 58
}
}callee: Identifier {...}
- type: "Identifier"
- start: 1596
- end: 1608
loc: {...}
start: {...}
- line: 49
- column: 40
}end: {...}
- line: 49
- column: 52
}
}- name: "formatMobile"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 1609
- end: 1613
loc: {...}
start: {...}
- line: 49
- column: 53
}end: {...}
- line: 49
- column: 57
}
}- name: "tick"
}
]- optional: false
}
}
}
]
}
} Text {...}
- type: "Text"
- start: 1622
- end: 1627
- raw: "\n\t\t\t\t"
- data: "\n\t\t\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1631
- end: 1635
- raw: "\n\t\t\t"
- data: "\n\t\t\t"
}
]
}context: Identifier {...}
- type: "Identifier"
- name: "tick"
- start: 1404
loc: {...}
start: {...}
- line: 46
- column: 20
- character: 1404
}end: {...}
- line: 46
- column: 24
- character: 1408
}
}- end: 1408
- typeAnnotation: undefined
}- index: undefined
- key: undefined
} Text {...}
- type: "Text"
- start: 1642
- end: 1645
- raw: "\n\t\t"
- data: "\n\t\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1649
- end: 1653
- raw: " "
- data: " "
} Comment {...}
- type: "Comment"
- start: 1653
- end: 1666
- data: " data "
} Text {...}
- type: "Text"
- start: 1666
- end: 1669
- raw: ""
- data: ""
} RegularElement {...}
- type: "RegularElement"
- start: 1669
- end: 1704
- name: "path"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1675
- end: 1692
- name: "class"
value: [...] (1)
Text {...}
- start: 1682
- end: 1691
- type: "Text"
- raw: "path-area"
- data: "path-area svelte-y639yn"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1693
- end: 1701
- name: "d"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1695
- end: 1701
expression: Identifier {...}
- type: "Identifier"
- start: 1696
- end: 1700
loc: {...}
start: {...}
- line: 55
- column: 29
}end: {...}
- line: 55
- column: 33
}
}- name: "area"
}
}
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1704
- end: 1707
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1707
- end: 1742
- name: "path"
attributes: [...] (2)
Attribute {...}
- type: "Attribute"
- start: 1713
- end: 1730
- name: "class"
value: [...] (1)
Text {...}
- start: 1720
- end: 1729
- type: "Text"
- raw: "path-line"
- data: "path-line svelte-y639yn"
}
]
} Attribute {...}
- type: "Attribute"
- start: 1731
- end: 1739
- name: "d"
value: ExpressionTag {...}
- type: "ExpressionTag"
- start: 1733
- end: 1739
expression: Identifier {...}
- type: "Identifier"
- start: 1734
- end: 1738
loc: {...}
start: {...}
- line: 56
- column: 29
}end: {...}
- line: 56
- column: 33
}
}- name: "path"
}
}
}
]fragment: Fragment {...}
- type: "Fragment"
- nodes: []
}
} Text {...}
- type: "Text"
- start: 1742
- end: 1744
- raw: "\n\t"
- data: "\n\t"
}
]
}
} Text {...}
- type: "Text"
- start: 1750
- end: 1751
- raw: "\n"
- data: "\n"
}
]
}
} Text {...}
- type: "Text"
- start: 1757
- end: 1759
- raw: " "
- data: " "
} RegularElement {...}
- type: "RegularElement"
- start: 1759
- end: 1885
- name: "p"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: -1
- end: -1
- name: "class"
value: [...] (1)
Text {...}
- type: "Text"
- data: "svelte-y639yn"
- raw: "svelte-y639yn"
- start: -1
- end: -1
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (3)
Text {...}
- type: "Text"
- start: 1762
- end: 1798
- raw: "Average September extent. Source: "
- data: "Average September extent. Source: "
} RegularElement {...}
- type: "RegularElement"
- start: 1798
- end: 1880
- name: "a"
attributes: [...] (1)
Attribute {...}
- type: "Attribute"
- start: 1801
- end: 1860
- name: "href"
value: [...] (1)
Text {...}
- start: 1807
- end: 1859
- type: "Text"
- raw: "https://climate.nasa.gov/vital-signs/arctic-sea-ice/"
- data: "https://climate.nasa.gov/vital-signs/arctic-sea-ice/"
}
]
}
]fragment: Fragment {...}
- type: "Fragment"
nodes: [...] (1)
Text {...}
- type: "Text"
- start: 1864
- end: 1874
- raw: "NSIDC/NASA"
- data: "NSIDC/NASA"
}
]
}
} Text {...}
- type: "Text"
- start: 1880
- end: 1881
- raw: "\n"
- data: "\n"
}
]
}
} Text {...}
- type: "Text"
- start: 1885
- end: 1887
- raw: "\n\n"
- data: "\n\n"
}
]
}- options: null
instance: Script {...}
- type: "Script"
- start: 0
- end: 904
- context: "default"
content: Program {...}
- type: "Program"
- start: 8
- end: 895
loc: {...}
start: {...}
- line: 1
- column: 0
}end: {...}
- line: 28
- column: 0
}
}body: [...] (14)
ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 10
- end: 49
loc: {...}
start: {...}
- line: 2
- column: 1
}end: {...}
- line: 2
- column: 40
}
}specifiers: [...] (1)
ImportSpecifier {...}
- type: "ImportSpecifier"
- start: 19
- end: 30
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 21
}
}imported: Identifier {...}
- type: "Identifier"
- start: 19
- end: 30
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 21
}
}- name: "scaleLinear"
}local: Identifier {...}
- type: "Identifier"
- start: 19
- end: 30
loc: {...}
start: {...}
- line: 2
- column: 10
}end: {...}
- line: 2
- column: 21
}
}- name: "scaleLinear"
}
}
]source: Literal {...}
- type: "Literal"
- start: 38
- end: 48
loc: {...}
start: {...}
- line: 2
- column: 29
}end: {...}
- line: 2
- column: 39
}
}- value: "d3-scale"
- raw: "'d3-scale'"
}
} ImportDeclaration {...}
- type: "ImportDeclaration"
- start: 51
- end: 82
loc: {...}
start: {...}
- line: 3
- column: 1
}end: {...}
- line: 3
- column: 32
}
}specifiers: [...] (1)
ImportDefaultSpecifier {...}
- type: "ImportDefaultSpecifier"
- start: 58
- end: 64
loc: {...}
start: {...}
- line: 3
- column: 8
}end: {...}
- line: 3
- column: 14
}
}local: Identifier {...}
- type: "Identifier"
- start: 58
- end: 64
loc: {...}
start: {...}
- line: 3
- column: 8
}end: {...}
- line: 3
- column: 14
}
}- name: "points"
}
}
]source: Literal {...}
- type: "Literal"
- start: 70
- end: 81
loc: {...}
start: {...}
- line: 3
- column: 20
}end: {...}
- line: 3
- column: 31
}
}- value: "./data.js"
- raw: "'./data.js'"
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 85
- end: 116
loc: {...}
start: {...}
- line: 5
- column: 1
}end: {...}
- line: 5
- column: 32
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 91
- end: 115
loc: {...}
start: {...}
- line: 5
- column: 7
}end: {...}
- line: 5
- column: 31
}
}id: Identifier {...}
- type: "Identifier"
- start: 91
- end: 97
loc: {...}
start: {...}
- line: 5
- column: 7
}end: {...}
- line: 5
- column: 13
}
}- name: "yTicks"
}init: ArrayExpression {...}
- type: "ArrayExpression"
- start: 100
- end: 115
loc: {...}
start: {...}
- line: 5
- column: 16
}end: {...}
- line: 5
- column: 31
}
}elements: [...] (5)
Literal {...}
- type: "Literal"
- start: 101
- end: 102
loc: {...}
start: {...}
- line: 5
- column: 17
}end: {...}
- line: 5
- column: 18
}
}- value: 0
- raw: "0"
} Literal {...}
- type: "Literal"
- start: 104
- end: 105
loc: {...}
start: {...}
- line: 5
- column: 20
}end: {...}
- line: 5
- column: 21
}
}- value: 2
- raw: "2"
} Literal {...}
- type: "Literal"
- start: 107
- end: 108
loc: {...}
start: {...}
- line: 5
- column: 23
}end: {...}
- line: 5
- column: 24
}
}- value: 4
- raw: "4"
} Literal {...}
- type: "Literal"
- start: 110
- end: 111
loc: {...}
start: {...}
- line: 5
- column: 26
}end: {...}
- line: 5
- column: 27
}
}- value: 6
- raw: "6"
} Literal {...}
- type: "Literal"
- start: 113
- end: 114
loc: {...}
start: {...}
- line: 5
- column: 29
}end: {...}
- line: 5
- column: 30
}
}- value: 8
- raw: "8"
}
]
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 118
- end: 158
loc: {...}
start: {...}
- line: 6
- column: 1
}end: {...}
- line: 6
- column: 41
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 124
- end: 157
loc: {...}
start: {...}
- line: 6
- column: 7
}end: {...}
- line: 6
- column: 40
}
}id: Identifier {...}
- type: "Identifier"
- start: 124
- end: 130
loc: {...}
start: {...}
- line: 6
- column: 7
}end: {...}
- line: 6
- column: 13
}
}- name: "xTicks"
}init: ArrayExpression {...}
- type: "ArrayExpression"
- start: 133
- end: 157
loc: {...}
start: {...}
- line: 6
- column: 16
}end: {...}
- line: 6
- column: 40
}
}elements: [...] (4)
Literal {...}
- type: "Literal"
- start: 134
- end: 138
loc: {...}
start: {...}
- line: 6
- column: 17
}end: {...}
- line: 6
- column: 21
}
}- value: 1980
- raw: "1980"
} Literal {...}
- type: "Literal"
- start: 140
- end: 144
loc: {...}
start: {...}
- line: 6
- column: 23
}end: {...}
- line: 6
- column: 27
}
}- value: 1990
- raw: "1990"
} Literal {...}
- type: "Literal"
- start: 146
- end: 150
loc: {...}
start: {...}
- line: 6
- column: 29
}end: {...}
- line: 6
- column: 33
}
}- value: 2000
- raw: "2000"
} Literal {...}
- type: "Literal"
- start: 152
- end: 156
loc: {...}
start: {...}
- line: 6
- column: 35
}end: {...}
- line: 6
- column: 39
}
}- value: 2010
- raw: "2010"
}
]
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 160
- end: 221
loc: {...}
start: {...}
- line: 7
- column: 1
}end: {...}
- line: 7
- column: 62
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 166
- end: 220
loc: {...}
start: {...}
- line: 7
- column: 7
}end: {...}
- line: 7
- column: 61
}
}id: Identifier {...}
- type: "Identifier"
- start: 166
- end: 173
loc: {...}
start: {...}
- line: 7
- column: 7
}end: {...}
- line: 7
- column: 14
}
}- name: "padding"
}init: ObjectExpression {...}
- type: "ObjectExpression"
- start: 176
- end: 220
loc: {...}
start: {...}
- line: 7
- column: 17
}end: {...}
- line: 7
- column: 61
}
}properties: [...] (4)
Property {...}
- type: "Property"
- start: 178
- end: 185
loc: {...}
start: {...}
- line: 7
- column: 19
}end: {...}
- line: 7
- column: 26
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 178
- end: 181
loc: {...}
start: {...}
- line: 7
- column: 19
}end: {...}
- line: 7
- column: 22
}
}- name: "top"
}value: Literal {...}
- type: "Literal"
- start: 183
- end: 185
loc: {...}
start: {...}
- line: 7
- column: 24
}end: {...}
- line: 7
- column: 26
}
}- value: 20
- raw: "20"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 187
- end: 196
loc: {...}
start: {...}
- line: 7
- column: 28
}end: {...}
- line: 7
- column: 37
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 187
- end: 192
loc: {...}
start: {...}
- line: 7
- column: 28
}end: {...}
- line: 7
- column: 33
}
}- name: "right"
}value: Literal {...}
- type: "Literal"
- start: 194
- end: 196
loc: {...}
start: {...}
- line: 7
- column: 35
}end: {...}
- line: 7
- column: 37
}
}- value: 15
- raw: "15"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 198
- end: 208
loc: {...}
start: {...}
- line: 7
- column: 39
}end: {...}
- line: 7
- column: 49
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 198
- end: 204
loc: {...}
start: {...}
- line: 7
- column: 39
}end: {...}
- line: 7
- column: 45
}
}- name: "bottom"
}value: Literal {...}
- type: "Literal"
- start: 206
- end: 208
loc: {...}
start: {...}
- line: 7
- column: 47
}end: {...}
- line: 7
- column: 49
}
}- value: 20
- raw: "20"
}- kind: "init"
} Property {...}
- type: "Property"
- start: 210
- end: 218
loc: {...}
start: {...}
- line: 7
- column: 51
}end: {...}
- line: 7
- column: 59
}
}- method: false
- shorthand: false
- computed: false
key: Identifier {...}
- type: "Identifier"
- start: 210
- end: 214
loc: {...}
start: {...}
- line: 7
- column: 51
}end: {...}
- line: 7
- column: 55
}
}- name: "left"
}value: Literal {...}
- type: "Literal"
- start: 216
- end: 218
loc: {...}
start: {...}
- line: 7
- column: 57
}end: {...}
- line: 7
- column: 59
}
}- value: 25
- raw: "25"
}- kind: "init"
}
]
}
}
]- kind: "const"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 224
- end: 248
loc: {...}
start: {...}
- line: 9
- column: 1
}end: {...}
- line: 9
- column: 25
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 228
- end: 247
loc: {...}
start: {...}
- line: 9
- column: 5
}end: {...}
- line: 9
- column: 24
}
}id: Identifier {...}
- type: "Identifier"
- start: 228
- end: 233
loc: {...}
start: {...}
- line: 9
- column: 5
}end: {...}
- line: 9
- column: 10
}
}- name: "width"
}init: CallExpression {...}
- type: "CallExpression"
- start: 236
- end: 247
loc: {...}
start: {...}
- line: 9
- column: 13
}end: {...}
- line: 9
- column: 24
}
}callee: Identifier {...}
- type: "Identifier"
- start: 236
- end: 242
loc: {...}
start: {...}
- line: 9
- column: 13
}end: {...}
- line: 9
- column: 19
}
}- name: "$state"
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 243
- end: 246
loc: {...}
start: {...}
- line: 9
- column: 20
}end: {...}
- line: 9
- column: 23
}
}- value: 500
- raw: "500"
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 250
- end: 275
loc: {...}
start: {...}
- line: 10
- column: 1
}end: {...}
- line: 10
- column: 26
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 254
- end: 274
loc: {...}
start: {...}
- line: 10
- column: 5
}end: {...}
- line: 10
- column: 25
}
}id: Identifier {...}
- type: "Identifier"
- start: 254
- end: 260
loc: {...}
start: {...}
- line: 10
- column: 5
}end: {...}
- line: 10
- column: 11
}
}- name: "height"
}init: CallExpression {...}
- type: "CallExpression"
- start: 263
- end: 274
loc: {...}
start: {...}
- line: 10
- column: 14
}end: {...}
- line: 10
- column: 25
}
}callee: Identifier {...}
- type: "Identifier"
- start: 263
- end: 269
loc: {...}
start: {...}
- line: 10
- column: 14
}end: {...}
- line: 10
- column: 20
}
}- name: "$state"
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 270
- end: 273
loc: {...}
start: {...}
- line: 10
- column: 21
}end: {...}
- line: 10
- column: 24
}
}- value: 200
- raw: "200"
}
]- optional: false
}
}
]- kind: "let"
} FunctionDeclaration {...}
- type: "FunctionDeclaration"
- start: 281
- end: 355
loc: {...}
start: {...}
- line: 15
- column: 1
}end: {...}
- line: 17
- column: 2
}
}id: Identifier {...}
- type: "Identifier"
- start: 290
- end: 302
loc: {...}
start: {...}
- line: 15
- column: 10
}end: {...}
- line: 15
- column: 22
}
}- name: "formatMobile"
}- expression: false
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 303
- end: 307
loc: {...}
start: {...}
- line: 15
- column: 23
}end: {...}
- line: 15
- column: 27
}
}- name: "tick"
}
]body: BlockStatement {...}
- type: "BlockStatement"
- start: 309
- end: 355
loc: {...}
start: {...}
- line: 15
- column: 29
}end: {...}
- line: 17
- column: 2
}
}body: [...] (1)
ReturnStatement {...}
- type: "ReturnStatement"
- start: 313
- end: 352
loc: {...}
start: {...}
- line: 16
- column: 2
}end: {...}
- line: 16
- column: 41
}
}argument: BinaryExpression {...}
- type: "BinaryExpression"
- start: 320
- end: 351
loc: {...}
start: {...}
- line: 16
- column: 9
}end: {...}
- line: 16
- column: 40
}
}left: Literal {...}
- type: "Literal"
- start: 320
- end: 323
loc: {...}
start: {...}
- line: 16
- column: 9
}end: {...}
- line: 16
- column: 12
}
}- value: "'"
- raw: "\"'\""
}- operator: "+"
right: CallExpression {...}
- type: "CallExpression"
- start: 326
- end: 351
loc: {...}
start: {...}
- line: 16
- column: 15
}end: {...}
- line: 16
- column: 40
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 326
- end: 347
loc: {...}
start: {...}
- line: 16
- column: 15
}end: {...}
- line: 16
- column: 36
}
}object: CallExpression {...}
- type: "CallExpression"
- start: 326
- end: 341
loc: {...}
start: {...}
- line: 16
- column: 15
}end: {...}
- line: 16
- column: 30
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 326
- end: 339
loc: {...}
start: {...}
- line: 16
- column: 15
}end: {...}
- line: 16
- column: 28
}
}object: Identifier {...}
- type: "Identifier"
- start: 326
- end: 330
loc: {...}
start: {...}
- line: 16
- column: 15
}end: {...}
- line: 16
- column: 19
}
}- name: "tick"
}property: Identifier {...}
- type: "Identifier"
- start: 331
- end: 339
loc: {...}
start: {...}
- line: 16
- column: 20
}end: {...}
- line: 16
- column: 28
}
}- name: "toString"
}- computed: false
- optional: false
}- arguments: []
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 342
- end: 347
loc: {...}
start: {...}
- line: 16
- column: 31
}end: {...}
- line: 16
- column: 36
}
}- name: "slice"
}- computed: false
- optional: false
}arguments: [...] (1)
UnaryExpression {...}
- type: "UnaryExpression"
- start: 348
- end: 350
loc: {...}
start: {...}
- line: 16
- column: 37
}end: {...}
- line: 16
- column: 39
}
}- operator: "-"
- prefix: true
argument: Literal {...}
- type: "Literal"
- start: 349
- end: 350
loc: {...}
start: {...}
- line: 16
- column: 38
}end: {...}
- line: 16
- column: 39
}
}- value: 2
- raw: "2"
}
}
]- optional: false
}
}
}
]
}
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 357
- end: 390
loc: {...}
start: {...}
- line: 18
- column: 1
}end: {...}
- line: 18
- column: 34
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 361
- end: 389
loc: {...}
start: {...}
- line: 18
- column: 5
}end: {...}
- line: 18
- column: 33
}
}id: Identifier {...}
- type: "Identifier"
- start: 361
- end: 365
loc: {...}
start: {...}
- line: 18
- column: 5
}end: {...}
- line: 18
- column: 9
}
}- name: "minX"
}init: CallExpression {...}
- type: "CallExpression"
- start: 368
- end: 389
loc: {...}
start: {...}
- line: 18
- column: 12
}end: {...}
- line: 18
- column: 33
}
}callee: Identifier {...}
- type: "Identifier"
- start: 368
- end: 376
loc: {...}
start: {...}
- line: 18
- column: 12
}end: {...}
- line: 18
- column: 20
}
}- name: "$derived"
}arguments: [...] (1)
MemberExpression {...}
- type: "MemberExpression"
- start: 377
- end: 388
loc: {...}
start: {...}
- line: 18
- column: 21
}end: {...}
- line: 18
- column: 32
}
}object: MemberExpression {...}
- type: "MemberExpression"
- start: 377
- end: 386
loc: {...}
start: {...}
- line: 18
- column: 21
}end: {...}
- line: 18
- column: 30
}
}object: Identifier {...}
- type: "Identifier"
- start: 377
- end: 383
loc: {...}
start: {...}
- line: 18
- column: 21
}end: {...}
- line: 18
- column: 27
}
}- name: "points"
}property: Literal {...}
- type: "Literal"
- start: 384
- end: 385
loc: {...}
start: {...}
- line: 18
- column: 28
}end: {...}
- line: 18
- column: 29
}
}- value: 0
- raw: "0"
}- computed: true
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 387
- end: 388
loc: {...}
start: {...}
- line: 18
- column: 31
}end: {...}
- line: 18
- column: 32
}
}- name: "x"
}- computed: false
- optional: false
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 392
- end: 441
loc: {...}
start: {...}
- line: 19
- column: 1
}end: {...}
- line: 19
- column: 50
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 396
- end: 440
loc: {...}
start: {...}
- line: 19
- column: 5
}end: {...}
- line: 19
- column: 49
}
}id: Identifier {...}
- type: "Identifier"
- start: 396
- end: 400
loc: {...}
start: {...}
- line: 19
- column: 5
}end: {...}
- line: 19
- column: 9
}
}- name: "maxX"
}init: CallExpression {...}
- type: "CallExpression"
- start: 403
- end: 440
loc: {...}
start: {...}
- line: 19
- column: 12
}end: {...}
- line: 19
- column: 49
}
}callee: Identifier {...}
- type: "Identifier"
- start: 403
- end: 411
loc: {...}
start: {...}
- line: 19
- column: 12
}end: {...}
- line: 19
- column: 20
}
}- name: "$derived"
}arguments: [...] (1)
MemberExpression {...}
- type: "MemberExpression"
- start: 412
- end: 439
loc: {...}
start: {...}
- line: 19
- column: 21
}end: {...}
- line: 19
- column: 48
}
}object: MemberExpression {...}
- type: "MemberExpression"
- start: 412
- end: 437
loc: {...}
start: {...}
- line: 19
- column: 21
}end: {...}
- line: 19
- column: 46
}
}object: Identifier {...}
- type: "Identifier"
- start: 412
- end: 418
loc: {...}
start: {...}
- line: 19
- column: 21
}end: {...}
- line: 19
- column: 27
}
}- name: "points"
}property: BinaryExpression {...}
- type: "BinaryExpression"
- start: 419
- end: 436
loc: {...}
start: {...}
- line: 19
- column: 28
}end: {...}
- line: 19
- column: 45
}
}left: MemberExpression {...}
- type: "MemberExpression"
- start: 419
- end: 432
loc: {...}
start: {...}
- line: 19
- column: 28
}end: {...}
- line: 19
- column: 41
}
}object: Identifier {...}
- type: "Identifier"
- start: 419
- end: 425
loc: {...}
start: {...}
- line: 19
- column: 28
}end: {...}
- line: 19
- column: 34
}
}- name: "points"
}property: Identifier {...}
- type: "Identifier"
- start: 426
- end: 432
loc: {...}
start: {...}
- line: 19
- column: 35
}end: {...}
- line: 19
- column: 41
}
}- name: "length"
}- computed: false
- optional: false
}- operator: "-"
right: Literal {...}
- type: "Literal"
- start: 435
- end: 436
loc: {...}
start: {...}
- line: 19
- column: 44
}end: {...}
- line: 19
- column: 45
}
}- value: 1
- raw: "1"
}
}- computed: true
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 438
- end: 439
loc: {...}
start: {...}
- line: 19
- column: 47
}end: {...}
- line: 19
- column: 48
}
}- name: "x"
}- computed: false
- optional: false
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 443
- end: 552
loc: {...}
start: {...}
- line: 20
- column: 1
}end: {...}
- line: 22
- column: 49
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 447
- end: 551
loc: {...}
start: {...}
- line: 20
- column: 5
}end: {...}
- line: 22
- column: 48
}
}id: Identifier {...}
- type: "Identifier"
- start: 447
- end: 453
loc: {...}
start: {...}
- line: 20
- column: 5
}end: {...}
- line: 20
- column: 11
}
}- name: "xScale"
}init: CallExpression {...}
- type: "CallExpression"
- start: 456
- end: 551
loc: {...}
start: {...}
- line: 20
- column: 14
}end: {...}
- line: 22
- column: 48
}
}callee: Identifier {...}
- type: "Identifier"
- start: 456
- end: 464
loc: {...}
start: {...}
- line: 20
- column: 14
}end: {...}
- line: 20
- column: 22
}
}- name: "$derived"
}arguments: [...] (1)
CallExpression {...}
- type: "CallExpression"
- start: 465
- end: 550
loc: {...}
start: {...}
- line: 20
- column: 23
}end: {...}
- line: 22
- column: 47
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 465
- end: 511
loc: {...}
start: {...}
- line: 20
- column: 23
}end: {...}
- line: 22
- column: 8
}
}object: CallExpression {...}
- type: "CallExpression"
- start: 465
- end: 502
loc: {...}
start: {...}
- line: 20
- column: 23
}end: {...}
- line: 21
- column: 23
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 465
- end: 488
loc: {...}
start: {...}
- line: 20
- column: 23
}end: {...}
- line: 21
- column: 9
}
}object: CallExpression {...}
- type: "CallExpression"
- start: 465
- end: 478
loc: {...}
start: {...}
- line: 20
- column: 23
}end: {...}
- line: 20
- column: 36
}
}callee: Identifier {...}
- type: "Identifier"
- start: 465
- end: 476
loc: {...}
start: {...}
- line: 20
- column: 23
}end: {...}
- line: 20
- column: 34
}
}- name: "scaleLinear"
}- arguments: []
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 482
- end: 488
loc: {...}
start: {...}
- line: 21
- column: 3
}end: {...}
- line: 21
- column: 9
}
}- name: "domain"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrayExpression {...}
- type: "ArrayExpression"
- start: 489
- end: 501
loc: {...}
start: {...}
- line: 21
- column: 10
}end: {...}
- line: 21
- column: 22
}
}elements: [...] (2)
Identifier {...}
- type: "Identifier"
- start: 490
- end: 494
loc: {...}
start: {...}
- line: 21
- column: 11
}end: {...}
- line: 21
- column: 15
}
}- name: "minX"
} Identifier {...}
- type: "Identifier"
- start: 496
- end: 500
loc: {...}
start: {...}
- line: 21
- column: 17
}end: {...}
- line: 21
- column: 21
}
}- name: "maxX"
}
]
}
]- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 506
- end: 511
loc: {...}
start: {...}
- line: 22
- column: 3
}end: {...}
- line: 22
- column: 8
}
}- name: "range"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrayExpression {...}
- type: "ArrayExpression"
- start: 512
- end: 549
loc: {...}
start: {...}
- line: 22
- column: 9
}end: {...}
- line: 22
- column: 46
}
}elements: [...] (2)
MemberExpression {...}
- type: "MemberExpression"
- start: 513
- end: 525
loc: {...}
start: {...}
- line: 22
- column: 10
}end: {...}
- line: 22
- column: 22
}
}object: Identifier {...}
- type: "Identifier"
- start: 513
- end: 520
loc: {...}
start: {...}
- line: 22
- column: 10
}end: {...}
- line: 22
- column: 17
}
}- name: "padding"
}property: Identifier {...}
- type: "Identifier"
- start: 521
- end: 525
loc: {...}
start: {...}
- line: 22
- column: 18
}end: {...}
- line: 22
- column: 22
}
}- name: "left"
}- computed: false
- optional: false
} BinaryExpression {...}
- type: "BinaryExpression"
- start: 527
- end: 548
loc: {...}
start: {...}
- line: 22
- column: 24
}end: {...}
- line: 22
- column: 45
}
}left: Identifier {...}
- type: "Identifier"
- start: 527
- end: 532
loc: {...}
start: {...}
- line: 22
- column: 24
}end: {...}
- line: 22
- column: 29
}
}- name: "width"
}- operator: "-"
right: MemberExpression {...}
- type: "MemberExpression"
- start: 535
- end: 548
loc: {...}
start: {...}
- line: 22
- column: 32
}end: {...}
- line: 22
- column: 45
}
}object: Identifier {...}
- type: "Identifier"
- start: 535
- end: 542
loc: {...}
start: {...}
- line: 22
- column: 32
}end: {...}
- line: 22
- column: 39
}
}- name: "padding"
}property: Identifier {...}
- type: "Identifier"
- start: 543
- end: 548
loc: {...}
start: {...}
- line: 22
- column: 40
}end: {...}
- line: 22
- column: 45
}
}- name: "right"
}- computed: false
- optional: false
}
}
]
}
]- optional: false
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 554
- end: 712
loc: {...}
start: {...}
- line: 23
- column: 1
}end: {...}
- line: 25
- column: 50
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 558
- end: 711
loc: {...}
start: {...}
- line: 23
- column: 5
}end: {...}
- line: 25
- column: 49
}
}id: Identifier {...}
- type: "Identifier"
- start: 558
- end: 564
loc: {...}
start: {...}
- line: 23
- column: 5
}end: {...}
- line: 23
- column: 11
}
}- name: "yScale"
}init: CallExpression {...}
- type: "CallExpression"
- start: 567
- end: 711
loc: {...}
start: {...}
- line: 23
- column: 14
}end: {...}
- line: 25
- column: 49
}
}callee: Identifier {...}
- type: "Identifier"
- start: 567
- end: 575
loc: {...}
start: {...}
- line: 23
- column: 14
}end: {...}
- line: 23
- column: 22
}
}- name: "$derived"
}arguments: [...] (1)
CallExpression {...}
- type: "CallExpression"
- start: 576
- end: 710
loc: {...}
start: {...}
- line: 23
- column: 23
}end: {...}
- line: 25
- column: 48
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 576
- end: 670
loc: {...}
start: {...}
- line: 23
- column: 23
}end: {...}
- line: 25
- column: 8
}
}object: CallExpression {...}
- type: "CallExpression"
- start: 576
- end: 661
loc: {...}
start: {...}
- line: 23
- column: 23
}end: {...}
- line: 24
- column: 71
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 576
- end: 599
loc: {...}
start: {...}
- line: 23
- column: 23
}end: {...}
- line: 24
- column: 9
}
}object: CallExpression {...}
- type: "CallExpression"
- start: 576
- end: 589
loc: {...}
start: {...}
- line: 23
- column: 23
}end: {...}
- line: 23
- column: 36
}
}callee: Identifier {...}
- type: "Identifier"
- start: 576
- end: 587
loc: {...}
start: {...}
- line: 23
- column: 23
}end: {...}
- line: 23
- column: 34
}
}- name: "scaleLinear"
}- arguments: []
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 593
- end: 599
loc: {...}
start: {...}
- line: 24
- column: 3
}end: {...}
- line: 24
- column: 9
}
}- name: "domain"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrayExpression {...}
- type: "ArrayExpression"
- start: 600
- end: 660
loc: {...}
start: {...}
- line: 24
- column: 10
}end: {...}
- line: 24
- column: 70
}
}elements: [...] (2)
CallExpression {...}
- type: "CallExpression"
- start: 601
- end: 629
loc: {...}
start: {...}
- line: 24
- column: 11
}end: {...}
- line: 24
- column: 39
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 601
- end: 615
loc: {...}
start: {...}
- line: 24
- column: 11
}end: {...}
- line: 24
- column: 25
}
}object: MemberExpression {...}
- type: "MemberExpression"
- start: 601
- end: 609
loc: {...}
start: {...}
- line: 24
- column: 11
}end: {...}
- line: 24
- column: 19
}
}object: Identifier {...}
- type: "Identifier"
- start: 601
- end: 605
loc: {...}
start: {...}
- line: 24
- column: 11
}end: {...}
- line: 24
- column: 15
}
}- name: "Math"
}property: Identifier {...}
- type: "Identifier"
- start: 606
- end: 609
loc: {...}
start: {...}
- line: 24
- column: 16
}end: {...}
- line: 24
- column: 19
}
}- name: "min"
}- computed: false
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 610
- end: 615
loc: {...}
start: {...}
- line: 24
- column: 20
}end: {...}
- line: 24
- column: 25
}
}- name: "apply"
}- computed: false
- optional: false
}arguments: [...] (2)
Literal {...}
- type: "Literal"
- start: 616
- end: 620
loc: {...}
start: {...}
- line: 24
- column: 26
}end: {...}
- line: 24
- column: 30
}
}- value: null
- raw: "null"
} Identifier {...}
- type: "Identifier"
- start: 622
- end: 628
loc: {...}
start: {...}
- line: 24
- column: 32
}end: {...}
- line: 24
- column: 38
}
}- name: "yTicks"
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 631
- end: 659
loc: {...}
start: {...}
- line: 24
- column: 41
}end: {...}
- line: 24
- column: 69
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 631
- end: 645
loc: {...}
start: {...}
- line: 24
- column: 41
}end: {...}
- line: 24
- column: 55
}
}object: MemberExpression {...}
- type: "MemberExpression"
- start: 631
- end: 639
loc: {...}
start: {...}
- line: 24
- column: 41
}end: {...}
- line: 24
- column: 49
}
}object: Identifier {...}
- type: "Identifier"
- start: 631
- end: 635
loc: {...}
start: {...}
- line: 24
- column: 41
}end: {...}
- line: 24
- column: 45
}
}- name: "Math"
}property: Identifier {...}
- type: "Identifier"
- start: 636
- end: 639
loc: {...}
start: {...}
- line: 24
- column: 46
}end: {...}
- line: 24
- column: 49
}
}- name: "max"
}- computed: false
- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 640
- end: 645
loc: {...}
start: {...}
- line: 24
- column: 50
}end: {...}
- line: 24
- column: 55
}
}- name: "apply"
}- computed: false
- optional: false
}arguments: [...] (2)
Literal {...}
- type: "Literal"
- start: 646
- end: 650
loc: {...}
start: {...}
- line: 24
- column: 56
}end: {...}
- line: 24
- column: 60
}
}- value: null
- raw: "null"
} Identifier {...}
- type: "Identifier"
- start: 652
- end: 658
loc: {...}
start: {...}
- line: 24
- column: 62
}end: {...}
- line: 24
- column: 68
}
}- name: "yTicks"
}
]- optional: false
}
]
}
]- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 665
- end: 670
loc: {...}
start: {...}
- line: 25
- column: 3
}end: {...}
- line: 25
- column: 8
}
}- name: "range"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrayExpression {...}
- type: "ArrayExpression"
- start: 671
- end: 709
loc: {...}
start: {...}
- line: 25
- column: 9
}end: {...}
- line: 25
- column: 47
}
}elements: [...] (2)
BinaryExpression {...}
- type: "BinaryExpression"
- start: 672
- end: 695
loc: {...}
start: {...}
- line: 25
- column: 10
}end: {...}
- line: 25
- column: 33
}
}left: Identifier {...}
- type: "Identifier"
- start: 672
- end: 678
loc: {...}
start: {...}
- line: 25
- column: 10
}end: {...}
- line: 25
- column: 16
}
}- name: "height"
}- operator: "-"
right: MemberExpression {...}
- type: "MemberExpression"
- start: 681
- end: 695
loc: {...}
start: {...}
- line: 25
- column: 19
}end: {...}
- line: 25
- column: 33
}
}object: Identifier {...}
- type: "Identifier"
- start: 681
- end: 688
loc: {...}
start: {...}
- line: 25
- column: 19
}end: {...}
- line: 25
- column: 26
}
}- name: "padding"
}property: Identifier {...}
- type: "Identifier"
- start: 689
- end: 695
loc: {...}
start: {...}
- line: 25
- column: 27
}end: {...}
- line: 25
- column: 33
}
}- name: "bottom"
}- computed: false
- optional: false
}
} MemberExpression {...}
- type: "MemberExpression"
- start: 697
- end: 708
loc: {...}
start: {...}
- line: 25
- column: 35
}end: {...}
- line: 25
- column: 46
}
}object: Identifier {...}
- type: "Identifier"
- start: 697
- end: 704
loc: {...}
start: {...}
- line: 25
- column: 35
}end: {...}
- line: 25
- column: 42
}
}- name: "padding"
}property: Identifier {...}
- type: "Identifier"
- start: 705
- end: 708
loc: {...}
start: {...}
- line: 25
- column: 43
}end: {...}
- line: 25
- column: 46
}
}- name: "top"
}- computed: false
- optional: false
}
]
}
]- optional: false
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 714
- end: 802
loc: {...}
start: {...}
- line: 26
- column: 1
}end: {...}
- line: 26
- column: 89
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 718
- end: 801
loc: {...}
start: {...}
- line: 26
- column: 5
}end: {...}
- line: 26
- column: 88
}
}id: Identifier {...}
- type: "Identifier"
- start: 718
- end: 722
loc: {...}
start: {...}
- line: 26
- column: 5
}end: {...}
- line: 26
- column: 9
}
}- name: "path"
}init: CallExpression {...}
- type: "CallExpression"
- start: 725
- end: 801
loc: {...}
start: {...}
- line: 26
- column: 12
}end: {...}
- line: 26
- column: 88
}
}callee: Identifier {...}
- type: "Identifier"
- start: 725
- end: 733
loc: {...}
start: {...}
- line: 26
- column: 12
}end: {...}
- line: 26
- column: 20
}
}- name: "$derived"
}arguments: [...] (1)
TemplateLiteral {...}
- type: "TemplateLiteral"
- start: 734
- end: 800
loc: {...}
start: {...}
- line: 26
- column: 21
}end: {...}
- line: 26
- column: 87
}
}expressions: [...] (1)
CallExpression {...}
- type: "CallExpression"
- start: 738
- end: 798
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 85
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 738
- end: 793
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 80
}
}object: CallExpression {...}
- type: "CallExpression"
- start: 738
- end: 788
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 75
}
}callee: MemberExpression {...}
- type: "MemberExpression"
- start: 738
- end: 748
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 35
}
}object: Identifier {...}
- type: "Identifier"
- start: 738
- end: 744
loc: {...}
start: {...}
- line: 26
- column: 25
}end: {...}
- line: 26
- column: 31
}
}- name: "points"
}property: Identifier {...}
- type: "Identifier"
- start: 745
- end: 748
loc: {...}
start: {...}
- line: 26
- column: 32
}end: {...}
- line: 26
- column: 35
}
}- name: "map"
}- computed: false
- optional: false
}arguments: [...] (1)
ArrowFunctionExpression {...}
- type: "ArrowFunctionExpression"
- start: 749
- end: 787
loc: {...}
start: {...}
- line: 26
- column: 36
}end: {...}
- line: 26
- column: 74
}
}- id: null
- expression: true
- generator: false
- async: false
params: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 750
- end: 751
loc: {...}
start: {...}
- line: 26
- column: 37
}end: {...}
- line: 26
- column: 38
}
}- name: "p"
}
]body: TemplateLiteral {...}
- type: "TemplateLiteral"
- start: 756
- end: 787
loc: {...}
start: {...}
- line: 26
- column: 43
}end: {...}
- line: 26
- column: 74
}
}expressions: [...] (2)
CallExpression {...}
- type: "CallExpression"
- start: 759
- end: 770
loc: {...}
start: {...}
- line: 26
- column: 46
}end: {...}
- line: 26
- column: 57
}
}callee: Identifier {...}
- type: "Identifier"
- start: 759
- end: 765
loc: {...}
start: {...}
- line: 26
- column: 46
}end: {...}
- line: 26
- column: 52
}
}- name: "xScale"
}arguments: [...] (1)
MemberExpression {...}
- type: "MemberExpression"
- start: 766
- end: 769
loc: {...}
start: {...}
- line: 26
- column: 53
}end: {...}
- line: 26
- column: 56
}
}object: Identifier {...}
- type: "Identifier"
- start: 766
- end: 767
loc: {...}
start: {...}
- line: 26
- column: 53
}end: {...}
- line: 26
- column: 54
}
}- name: "p"
}property: Identifier {...}
- type: "Identifier"
- start: 768
- end: 769
loc: {...}
start: {...}
- line: 26
- column: 55
}end: {...}
- line: 26
- column: 56
}
}- name: "x"
}- computed: false
- optional: false
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 774
- end: 785
loc: {...}
start: {...}
- line: 26
- column: 61
}end: {...}
- line: 26
- column: 72
}
}callee: Identifier {...}
- type: "Identifier"
- start: 774
- end: 780
loc: {...}
start: {...}
- line: 26
- column: 61
}end: {...}
- line: 26
- column: 67
}
}- name: "yScale"
}arguments: [...] (1)
MemberExpression {...}
- type: "MemberExpression"
- start: 781
- end: 784
loc: {...}
start: {...}
- line: 26
- column: 68
}end: {...}
- line: 26
- column: 71
}
}object: Identifier {...}
- type: "Identifier"
- start: 781
- end: 782
loc: {...}
start: {...}
- line: 26
- column: 68
}end: {...}
- line: 26
- column: 69
}
}- name: "p"
}property: Identifier {...}
- type: "Identifier"
- start: 783
- end: 784
loc: {...}
start: {...}
- line: 26
- column: 70
}end: {...}
- line: 26
- column: 71
}
}- name: "y"
}- computed: false
- optional: false
}
]- optional: false
}
]quasis: [...] (3)
TemplateElement {...}
- type: "TemplateElement"
- start: 757
- end: 757
loc: {...}
start: {...}
- line: 26
- column: 44
}end: {...}
- line: 26
- column: 44
}
}value: {...}
- raw: ""
- cooked: ""
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 771
- end: 772
loc: {...}
start: {...}
- line: 26
- column: 58
}end: {...}
- line: 26
- column: 59
}
}value: {...}
- raw: ","
- cooked: ","
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 786
- end: 786
loc: {...}
start: {...}
- line: 26
- column: 73
}end: {...}
- line: 26
- column: 73
}
}value: {...}
- raw: ""
- cooked: ""
}- tail: true
}
]
}
}
]- optional: false
}property: Identifier {...}
- type: "Identifier"
- start: 789
- end: 793
loc: {...}
start: {...}
- line: 26
- column: 76
}end: {...}
- line: 26
- column: 80
}
}- name: "join"
}- computed: false
- optional: false
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 794
- end: 797
loc: {...}
start: {...}
- line: 26
- column: 81
}end: {...}
- line: 26
- column: 84
}
}- value: "L"
- raw: "'L'"
}
]- optional: false
}
]quasis: [...] (2)
TemplateElement {...}
- type: "TemplateElement"
- start: 735
- end: 736
loc: {...}
start: {...}
- line: 26
- column: 22
}end: {...}
- line: 26
- column: 23
}
}value: {...}
- raw: "M"
- cooked: "M"
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 799
- end: 799
loc: {...}
start: {...}
- line: 26
- column: 86
}end: {...}
- line: 26
- column: 86
}
}value: {...}
- raw: ""
- cooked: ""
}- tail: true
}
]
}
]- optional: false
}
}
]- kind: "let"
} VariableDeclaration {...}
- type: "VariableDeclaration"
- start: 804
- end: 894
loc: {...}
start: {...}
- line: 27
- column: 1
}end: {...}
- line: 27
- column: 91
}
}declarations: [...] (1)
VariableDeclarator {...}
- type: "VariableDeclarator"
- start: 808
- end: 893
loc: {...}
start: {...}
- line: 27
- column: 5
}end: {...}
- line: 27
- column: 90
}
}id: Identifier {...}
- type: "Identifier"
- start: 808
- end: 812
loc: {...}
start: {...}
- line: 27
- column: 5
}end: {...}
- line: 27
- column: 9
}
}- name: "area"
}init: CallExpression {...}
- type: "CallExpression"
- start: 815
- end: 893
loc: {...}
start: {...}
- line: 27
- column: 12
}end: {...}
- line: 27
- column: 90
}
}callee: Identifier {...}
- type: "Identifier"
- start: 815
- end: 823
loc: {...}
start: {...}
- line: 27
- column: 12
}end: {...}
- line: 27
- column: 20
}
}- name: "$derived"
}arguments: [...] (1)
TemplateLiteral {...}
- type: "TemplateLiteral"
- start: 824
- end: 892
loc: {...}
start: {...}
- line: 27
- column: 21
}end: {...}
- line: 27
- column: 89
}
}expressions: [...] (5)
Identifier {...}
- type: "Identifier"
- start: 827
- end: 831
loc: {...}
start: {...}
- line: 27
- column: 24
}end: {...}
- line: 27
- column: 28
}
}- name: "path"
} CallExpression {...}
- type: "CallExpression"
- start: 835
- end: 847
loc: {...}
start: {...}
- line: 27
- column: 32
}end: {...}
- line: 27
- column: 44
}
}callee: Identifier {...}
- type: "Identifier"
- start: 835
- end: 841
loc: {...}
start: {...}
- line: 27
- column: 32
}end: {...}
- line: 27
- column: 38
}
}- name: "xScale"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 842
- end: 846
loc: {...}
start: {...}
- line: 27
- column: 39
}end: {...}
- line: 27
- column: 43
}
}- name: "maxX"
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 851
- end: 860
loc: {...}
start: {...}
- line: 27
- column: 48
}end: {...}
- line: 27
- column: 57
}
}callee: Identifier {...}
- type: "Identifier"
- start: 851
- end: 857
loc: {...}
start: {...}
- line: 27
- column: 48
}end: {...}
- line: 27
- column: 54
}
}- name: "yScale"
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 858
- end: 859
loc: {...}
start: {...}
- line: 27
- column: 55
}end: {...}
- line: 27
- column: 56
}
}- value: 0
- raw: "0"
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 864
- end: 876
loc: {...}
start: {...}
- line: 27
- column: 61
}end: {...}
- line: 27
- column: 73
}
}callee: Identifier {...}
- type: "Identifier"
- start: 864
- end: 870
loc: {...}
start: {...}
- line: 27
- column: 61
}end: {...}
- line: 27
- column: 67
}
}- name: "xScale"
}arguments: [...] (1)
Identifier {...}
- type: "Identifier"
- start: 871
- end: 875
loc: {...}
start: {...}
- line: 27
- column: 68
}end: {...}
- line: 27
- column: 72
}
}- name: "minX"
}
]- optional: false
} CallExpression {...}
- type: "CallExpression"
- start: 880
- end: 889
loc: {...}
start: {...}
- line: 27
- column: 77
}end: {...}
- line: 27
- column: 86
}
}callee: Identifier {...}
- type: "Identifier"
- start: 880
- end: 886
loc: {...}
start: {...}
- line: 27
- column: 77
}end: {...}
- line: 27
- column: 83
}
}- name: "yScale"
}arguments: [...] (1)
Literal {...}
- type: "Literal"
- start: 887
- end: 888
loc: {...}
start: {...}
- line: 27
- column: 84
}end: {...}
- line: 27
- column: 85
}
}- value: 0
- raw: "0"
}
]- optional: false
}
]quasis: [...] (6)
TemplateElement {...}
- type: "TemplateElement"
- start: 825
- end: 825
loc: {...}
start: {...}
- line: 27
- column: 22
}end: {...}
- line: 27
- column: 22
}
}value: {...}
- raw: ""
- cooked: ""
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 832
- end: 833
loc: {...}
start: {...}
- line: 27
- column: 29
}end: {...}
- line: 27
- column: 30
}
}value: {...}
- raw: "L"
- cooked: "L"
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 848
- end: 849
loc: {...}
start: {...}
- line: 27
- column: 45
}end: {...}
- line: 27
- column: 46
}
}value: {...}
- raw: ","
- cooked: ","
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 861
- end: 862
loc: {...}
start: {...}
- line: 27
- column: 58
}end: {...}
- line: 27
- column: 59
}
}value: {...}
- raw: "L"
- cooked: "L"
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 877
- end: 878
loc: {...}
start: {...}
- line: 27
- column: 74
}end: {...}
- line: 27
- column: 75
}
}value: {...}
- raw: ","
- cooked: ","
}- tail: false
} TemplateElement {...}
- type: "TemplateElement"
- start: 890
- end: 891
loc: {...}
start: {...}
- line: 27
- column: 87
}end: {...}
- line: 27
- column: 88
}
}value: {...}
- raw: "Z"
- cooked: "Z"
}- tail: true
}
]
}
]- optional: false
}
}
]- kind: "let"
}
]- sourceType: "module"
}- attributes: []
}
}
The AST is not public API and may change at any point in time