diff --git a/src/index.md b/src/index.md
index 09219c6..a1a908e 100644
--- a/src/index.md
+++ b/src/index.md
@@ -4,66 +4,16 @@ toc: false
-
${
- resize((width) => Plot.plot({
- title: "Your awesomeness over time 🚀",
- subtitle: "Up and to the right!",
- width,
- y: {grid: true, label: "Awesomeness"},
- marks: [
- Plot.ruleY([0]),
- Plot.lineY(aapl, {x: "Date", y: "Close", tip: true})
- ]
- }))
- }
-
${
- resize((width) => Plot.plot({
- title: "How big are penguins, anyway? 🐧",
- width,
- grid: true,
- x: {label: "Body mass (g)"},
- y: {label: "Flipper length (mm)"},
- color: {legend: true},
- marks: [
- Plot.linearRegressionY(penguins, {x: "body_mass_g", y: "flipper_length_mm", stroke: "species"}),
- Plot.dot(penguins, {x: "body_mass_g", y: "flipper_length_mm", stroke: "species", tip: true})
- ]
- }))
- }
-
-
----
-
-## Next steps
-
-Here are some ideas of things you could try…
+```js
+const requests = FileAttachment('./data/requests.json').json()
+```
-
- Create a
new page by adding a Markdown file (
whatever.md
) to the
src
folder.
-
-
- Add a drop-down menu using
Inputs.select
and use it to filter the data shown in a chart.
-
-
- Write a
data loader that queries a local database or API, generating a data snapshot on build.
-
-
-
-
- Visit
Framework on GitHub and give us a star. Or file an issue if you’ve found a bug!
+
Total requests
+
${requests.length.toLocaleString("en-US")}
@@ -92,16 +42,6 @@ Here are some ideas of things you could try…
background-clip: text;
}
-.hero h2 {
- margin: 0;
- max-width: 34em;
- font-size: 20px;
- font-style: initial;
- font-weight: 500;
- line-height: 1.5;
- color: var(--theme-foreground-muted);
-}
-
@media (min-width: 640px) {
.hero h1 {
font-size: 90px;