perseus/__docs__/sample-data.ts at c378dff4beabdc60b594e9ad79183bcda7a27be8 · Khan/perseus · GitHub

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import type {PerseusRenderer} from "@khanacademy/perseus-core";

// This lives here because it adds alot of noise to the MDX file if we inline
// it.
export const graphExample: PerseusRenderer = {
    content:
        "An example of a the beautiful **interactive-graph** widget:\n\n[[☃ interactive-graph 1]]",
    widgets: {
        "interactive-graph 1": {
            type: "interactive-graph",
            options: {
                graph: {
                    type: "none",
                },
                correct: {
                    type: "none",
                },
                showAxisArrows: {
                    xMin: true,
                    xMax: true,
                    yMin: true,
                    yMax: true,
                },
                showAxisTicks: {x: true, y: true},
                lockedFigures: [
                    {
                        type: "point",
                        color: "green",
                        coord: [3, 7.5],
                        filled: true,
                        labels: [],
                    },
                    {
                        type: "line",
                        kind: "segment",
                        color: "blue",
                        lineStyle: "solid",
                        weight: "thick",
                        labels: [],
                        points: [
                            {
                                color: "blue",
                                coord: [-3, 6],
                                filled: true,
                                type: "point",
                                labels: [],
                            },
                            {
                                color: "blue",
                                coord: [8, 8],
                                filled: true,
                                type: "point",
                                labels: [],
                            },
                        ],
                        showPoint1: false,
                        showPoint2: false,
                    },
                    {
                        type: "ellipse",
                        weight: "thin",
                        labels: [],
                        angle: 0,
                        center: [0, 2],
                        color: "purple",
                        fillStyle: "none",
                        radius: [3, 1],
                        strokeStyle: "solid",
                    },
                    {
                        type: "vector",
                        weight: "medium",
                        labels: [],
                        color: "pink",
                        points: [
                            [-2, -2],
                            [-7, -4],
                        ],
                    },
                    {
                        type: "polygon",
                        labels: [],
                        color: "gold",
                        weight: "thick",
                        fillStyle: "translucent",
                        points: [
                            {coord: [7, -3], showAngle: false},
                            {coord: [8, -5], showAngle: false},
                            {coord: [4, -7], showAngle: false},
                            {coord: [0, -7], showAngle: false},
                            {coord: [2, -3], showAngle: false},
                        ],
                        showVertices: false,
                        strokeStyle: "solid",
                    },
                ],
                markings: "graph",
                range: [
                    [-10, 10],
                    [-10, 10],
                ],
                rulerLabel: "",
                rulerTicks: 10,
                showProtractor: false,
                showRuler: false,
                showTooltips: false,
                step: [1, 1],
            },
            static: false,
            version: {
                major: 0,
                minor: 0,
            },
        },
    },
    images: {},
};