PointChart

1import { Chart, Navigation, NavigationStack, PointChart, Script, VStack } from "scripting"
2
3const data = [
4  { x: 0, y: 2 },
5  { x: 1, y: 3 },
6  { x: 2, y: 4 },
7  { x: 3, y: 3 },
8  { x: 4, y: 6 },
9]
10
11function Example() {
12
13  return <NavigationStack>
14    <VStack
15      navigationTitle={"PointChart"}
16      navigationBarTitleDisplayMode={"inline"}
17    >
18      <Chart
19        frame={{
20          height: 300
21        }}>
22        <PointChart
23          marks={data}
24        />
25      </Chart>
26    </VStack>
27  </NavigationStack>
28}
29
30async function run() {
31  await Navigation.present({
32    element: <Example />
33  })
34
35  Script.exit()
36}
37
38run()