Skip to content

Commit f7b9dbe

Browse files
techniqtechniq
committed
generate catalog and screenshots
1 parent f279660 commit f7b9dbe

31 files changed

Lines changed: 158 additions & 85 deletions

‎docs/src/examples/catalog/Axis.json‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4941,14 +4941,28 @@
49414941
"example": "basic",
49424942
"component": "Trail",
49434943
"path": "/docs/components/Trail/basic",
4944-
"lineNumber": 12,
4944+
"lineNumber": 23,
49454945
"line": "<Axis placement=\"left\" grid rule />"
49464946
},
49474947
{
49484948
"example": "basic",
49494949
"component": "Trail",
49504950
"path": "/docs/components/Trail/basic",
4951-
"lineNumber": 13,
4951+
"lineNumber": 24,
4952+
"line": "<Axis placement=\"bottom\" rule />"
4953+
},
4954+
{
4955+
"example": "playground",
4956+
"component": "Trail",
4957+
"path": "/docs/components/Trail/playground",
4958+
"lineNumber": 47,
4959+
"line": "<Axis placement=\"left\" grid rule />"
4960+
},
4961+
{
4962+
"example": "playground",
4963+
"component": "Trail",
4964+
"path": "/docs/components/Trail/playground",
4965+
"lineNumber": 48,
49524966
"line": "<Axis placement=\"bottom\" rule />"
49534967
},
49544968
{
@@ -4965,20 +4979,6 @@
49654979
"lineNumber": 26,
49664980
"line": "<Axis placement=\"bottom\" label=\"Longitude\" />"
49674981
},
4968-
{
4969-
"example": "variable-width",
4970-
"component": "Trail",
4971-
"path": "/docs/components/Trail/variable-width",
4972-
"lineNumber": 13,
4973-
"line": "<Axis placement=\"left\" grid rule />"
4974-
},
4975-
{
4976-
"example": "variable-width",
4977-
"component": "Trail",
4978-
"path": "/docs/components/Trail/variable-width",
4979-
"lineNumber": 14,
4980-
"line": "<Axis placement=\"bottom\" rule />"
4981-
},
49824982
{
49834983
"example": "pan-zoom-axes",
49844984
"component": "TransformContext",
@@ -5099,5 +5099,5 @@
50995099
"line": "<Axis placement=\"bottom\" rule />"
51005100
}
51015101
],
5102-
"updatedAt": "2026-04-03T15:31:23.718Z"
5102+
"updatedAt": "2026-04-03T20:08:34.026Z"
51035103
}

‎docs/src/examples/catalog/Chart.json‎

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3832,21 +3832,28 @@
38323832
"component": "Trail",
38333833
"path": "/docs/components/Trail/basic",
38343834
"lineNumber": 10,
3835-
"line": "<Chart {data} x=\"date\" y=\"value\" yDomain={[0, null]} yNice padding={25} height={300}>"
3835+
"line": "<Chart"
38363836
},
38373837
{
3838-
"example": "tdf-stage",
3838+
"example": "curves",
38393839
"component": "Trail",
3840-
"path": "/docs/components/Trail/tdf-stage",
3841-
"lineNumber": 15,
3840+
"path": "/docs/components/Trail/curves",
3841+
"lineNumber": 45,
38423842
"line": "<Chart"
38433843
},
38443844
{
3845-
"example": "variable-width",
3845+
"example": "playground",
38463846
"component": "Trail",
3847-
"path": "/docs/components/Trail/variable-width",
3848-
"lineNumber": 11,
3849-
"line": "<Chart {data} x=\"date\" y=\"value\" yDomain={[0, null]} yNice r=\"value\" rScale={scaleLinear()} rRange={[2, 16]} padding={25} height={300}>"
3847+
"path": "/docs/components/Trail/playground",
3848+
"lineNumber": 35,
3849+
"line": "<Chart"
3850+
},
3851+
{
3852+
"example": "tdf-stage",
3853+
"component": "Trail",
3854+
"path": "/docs/components/Trail/tdf-stage",
3855+
"lineNumber": 15,
3856+
"line": "<Chart"
38503857
},
38513858
{
38523859
"example": "pan-zoom-axes",
@@ -4024,5 +4031,5 @@
40244031
"line": "<Chart {data} x=\"x\" y=\"y\" height={400}>"
40254032
}
40264033
],
4027-
"updatedAt": "2026-04-03T15:31:24.127Z"
4034+
"updatedAt": "2026-04-03T20:08:34.621Z"
40284035
}

‎docs/src/examples/catalog/Layer.json‎

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3737,21 +3737,28 @@
37373737
"example": "basic",
37383738
"component": "Trail",
37393739
"path": "/docs/components/Trail/basic",
3740-
"lineNumber": 11,
3740+
"lineNumber": 22,
37413741
"line": "<Layer>"
37423742
},
37433743
{
3744-
"example": "tdf-stage",
3744+
"example": "curves",
37453745
"component": "Trail",
3746-
"path": "/docs/components/Trail/tdf-stage",
3747-
"lineNumber": 24,
3746+
"path": "/docs/components/Trail/curves",
3747+
"lineNumber": 55,
37483748
"line": "<Layer>"
37493749
},
37503750
{
3751-
"example": "variable-width",
3751+
"example": "playground",
37523752
"component": "Trail",
3753-
"path": "/docs/components/Trail/variable-width",
3754-
"lineNumber": 12,
3753+
"path": "/docs/components/Trail/playground",
3754+
"lineNumber": 46,
3755+
"line": "<Layer>"
3756+
},
3757+
{
3758+
"example": "tdf-stage",
3759+
"component": "Trail",
3760+
"path": "/docs/components/Trail/tdf-stage",
3761+
"lineNumber": 24,
37553762
"line": "<Layer>"
37563763
},
37573764
{
@@ -3944,5 +3951,5 @@
39443951
"line": "<Layer onpointermove={onPointerMove}>"
39453952
}
39463953
],
3947-
"updatedAt": "2026-04-03T15:31:25.004Z"
3954+
"updatedAt": "2026-04-03T20:08:35.569Z"
39483955
}

‎docs/src/examples/catalog/Spline.json‎

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1338,6 +1338,20 @@
13381338
"lineNumber": 45,
13391339
"line": "<Spline y=\"value\" {curve} class=\"stroke-[1.5]\" />"
13401340
},
1341+
{
1342+
"example": "curves",
1343+
"component": "Trail",
1344+
"path": "/docs/components/Trail/curves",
1345+
"lineNumber": 57,
1346+
"line": "<Spline curve={curve.value} class=\"stroke-surface-content/40 stroke-1\" />"
1347+
},
1348+
{
1349+
"example": "playground",
1350+
"component": "Trail",
1351+
"path": "/docs/components/Trail/playground",
1352+
"lineNumber": 52,
1353+
"line": "<Spline"
1354+
},
13411355
{
13421356
"example": "tdf-stage",
13431357
"component": "Trail",
@@ -1353,5 +1367,5 @@
13531367
"line": "<Spline curve={config.curve} motion=\"tween\" />"
13541368
}
13551369
],
1356-
"updatedAt": "2026-04-03T15:31:25.665Z"
1370+
"updatedAt": "2026-04-03T20:08:36.374Z"
13571371
}

‎docs/src/examples/catalog/Trail.json‎

Lines changed: 80 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -9,108 +9,148 @@
99
{
1010
"component": "Chart",
1111
"lineNumber": 10,
12-
"line": "<Chart {data} x=\"date\" y=\"value\" yDomain={[0, null]} yNice padding={25} height={300}>"
12+
"line": "<Chart"
1313
},
1414
{
1515
"component": "Layer",
16-
"lineNumber": 11,
16+
"lineNumber": 22,
1717
"line": "<Layer>"
1818
},
1919
{
2020
"component": "Axis",
21-
"lineNumber": 12,
21+
"lineNumber": 23,
2222
"line": "<Axis placement=\"left\" grid rule />"
2323
},
2424
{
2525
"component": "Trail",
26-
"lineNumber": 14,
27-
"line": "<Trail r={6} class=\"fill-primary\" />"
26+
"lineNumber": 25,
27+
"line": "<Trail r=\"value\" class=\"fill-primary\" />"
2828
}
2929
]
3030
},
3131
{
32-
"name": "tdf-stage",
33-
"title": "Tour de France Stage Profile",
34-
"path": "/docs/components/Trail/tdf-stage",
32+
"name": "curves",
33+
"title": "Curves and caps",
34+
"path": "/docs/components/Trail/curves",
3535
"components": [
3636
{
3737
"component": "Chart",
38-
"lineNumber": 15,
38+
"lineNumber": 45,
3939
"line": "<Chart"
4040
},
4141
{
4242
"component": "Layer",
43-
"lineNumber": 24,
43+
"lineNumber": 55,
4444
"line": "<Layer>"
4545
},
46-
{
47-
"component": "Axis",
48-
"lineNumber": 25,
49-
"line": "<Axis placement=\"left\" grid label=\"Latitude\" />"
50-
},
5146
{
5247
"component": "Trail",
53-
"lineNumber": 27,
54-
"line": "<Trail r=\"elev\" class=\"fill-danger/40\" />"
48+
"lineNumber": 56,
49+
"line": "<Trail curve={curve.value} {cap} class=\"fill-primary/40\" />"
5550
},
5651
{
5752
"component": "Spline",
58-
"lineNumber": 28,
59-
"line": "<Spline class=\"stroke-1 stroke-surface-content\" />"
53+
"lineNumber": 57,
54+
"line": "<Spline curve={curve.value} class=\"stroke-surface-content/40 stroke-1\" />"
6055
}
6156
],
62-
"description": "Elevation profile of a Tour de France stage using trail width to encode elevation."
57+
"description": "The trail mark supports round and butt capping and different interpolation methods."
6358
},
6459
{
65-
"name": "variable-width",
66-
"title": "variable width",
67-
"path": "/docs/components/Trail/variable-width",
60+
"name": "playground",
61+
"title": "playground",
62+
"path": "/docs/components/Trail/playground",
6863
"components": [
6964
{
7065
"component": "Chart",
71-
"lineNumber": 11,
72-
"line": "<Chart {data} x=\"date\" y=\"value\" yDomain={[0, null]} yNice r=\"value\" rScale={scaleLinear()} rRange={[2, 16]} padding={25} height={300}>"
66+
"lineNumber": 35,
67+
"line": "<Chart"
7368
},
7469
{
7570
"component": "Layer",
76-
"lineNumber": 12,
71+
"lineNumber": 46,
7772
"line": "<Layer>"
7873
},
7974
{
8075
"component": "Axis",
81-
"lineNumber": 13,
76+
"lineNumber": 47,
8277
"line": "<Axis placement=\"left\" grid rule />"
8378
},
8479
{
8580
"component": "Trail",
86-
"lineNumber": 15,
87-
"line": "<Trail r=\"value\" class=\"fill-primary\" />"
81+
"lineNumber": 50,
82+
"line": "<Trail curve={config.curve} cap={config.cap} motion={config.motion} class=\"fill-primary\" />"
83+
},
84+
{
85+
"component": "Spline",
86+
"lineNumber": 52,
87+
"line": "<Spline"
8888
}
8989
]
90+
},
91+
{
92+
"name": "tdf-stage",
93+
"title": "Tour de France Stage Profile",
94+
"path": "/docs/components/Trail/tdf-stage",
95+
"components": [
96+
{
97+
"component": "Chart",
98+
"lineNumber": 15,
99+
"line": "<Chart"
100+
},
101+
{
102+
"component": "Layer",
103+
"lineNumber": 24,
104+
"line": "<Layer>"
105+
},
106+
{
107+
"component": "Axis",
108+
"lineNumber": 25,
109+
"line": "<Axis placement=\"left\" grid label=\"Latitude\" />"
110+
},
111+
{
112+
"component": "Trail",
113+
"lineNumber": 27,
114+
"line": "<Trail class=\"fill-danger/40\" />"
115+
},
116+
{
117+
"component": "Spline",
118+
"lineNumber": 28,
119+
"line": "<Spline class=\"stroke-1 stroke-surface-content\" />"
120+
}
121+
],
122+
"description": "Elevation profile of a Tour de France stage using trail width to encode elevation."
90123
}
91124
],
92125
"usage": [
93126
{
94127
"example": "basic",
95128
"component": "Trail",
96129
"path": "/docs/components/Trail/basic",
97-
"lineNumber": 14,
98-
"line": "<Trail r={6} class=\"fill-primary\" />"
130+
"lineNumber": 25,
131+
"line": "<Trail r=\"value\" class=\"fill-primary\" />"
99132
},
100133
{
101-
"example": "tdf-stage",
134+
"example": "curves",
102135
"component": "Trail",
103-
"path": "/docs/components/Trail/tdf-stage",
104-
"lineNumber": 27,
105-
"line": "<Trail r=\"elev\" class=\"fill-danger/40\" />"
136+
"path": "/docs/components/Trail/curves",
137+
"lineNumber": 56,
138+
"line": "<Trail curve={curve.value} {cap} class=\"fill-primary/40\" />"
106139
},
107140
{
108-
"example": "variable-width",
141+
"example": "playground",
109142
"component": "Trail",
110-
"path": "/docs/components/Trail/variable-width",
111-
"lineNumber": 15,
112-
"line": "<Trail r=\"value\" class=\"fill-primary\" />"
143+
"path": "/docs/components/Trail/playground",
144+
"lineNumber": 50,
145+
"line": "<Trail curve={config.curve} cap={config.cap} motion={config.motion} class=\"fill-primary\" />"
146+
},
147+
{
148+
"example": "tdf-stage",
149+
"component": "Trail",
150+
"path": "/docs/components/Trail/tdf-stage",
151+
"lineNumber": 27,
152+
"line": "<Trail class=\"fill-danger/40\" />"
113153
}
114154
],
115-
"updatedAt": "2026-04-03T15:31:25.944Z"
155+
"updatedAt": "2026-04-03T20:08:36.649Z"
116156
}

0 commit comments

Comments
 (0)