diff --git a/packages/components/src/components/SquiggleChart.tsx b/packages/components/src/components/SquiggleChart.tsx index 86b2b078..00688512 100644 --- a/packages/components/src/components/SquiggleChart.tsx +++ b/packages/components/src/components/SquiggleChart.tsx @@ -73,7 +73,7 @@ export const SquiggleChart: React.FC = React.memo( expY = false, diagramStart = 0, diagramStop = 10, - diagramCount = 100, + diagramCount = 20, tickFormat, minX, maxX, diff --git a/packages/website/docs/Guides/Language.mdx b/packages/website/docs/Guides/Language.mdx index c5b92fd1..71f7e888 100644 --- a/packages/website/docs/Guides/Language.mdx +++ b/packages/website/docs/Guides/Language.mdx @@ -91,7 +91,3 @@ Numbers support a few scientific notation prefixes. - - -## Gotchas and Key Limitations -**** \ No newline at end of file diff --git a/packages/website/docs/Overview.md b/packages/website/docs/Overview.mdx similarity index 64% rename from packages/website/docs/Overview.md rename to packages/website/docs/Overview.mdx index ef330ae4..528e1a88 100644 --- a/packages/website/docs/Overview.md +++ b/packages/website/docs/Overview.mdx @@ -3,10 +3,61 @@ sidebar_position: 1 title: Overview --- +import { SquiggleEditor } from "../src/components/SquiggleEditor"; + Squiggle is a minimalist programming language for probabilistic estimation. It's meant for intuitively-driven quantitative estimation instead of data analysis or data-driven statistical techniques. The basics of Squiggle are fairly straightforward. This can be enough for many models. The more advanced functionality can take some time to learn. +## Simple example +Say you're trying to estimate the number of piano tuners in New York City. You can build a simple model of this, like so. +(Tip: This is interactive! Feel free to modify the code directly.) + + + +--- + +Now let's take this a bit further. Let's imagine that you think that NYC will grow over time, and you'd like to estimate the number of piano tuners for every point in time for the next few years. + + + +If you haven't noticed yet, you can hover over the `populationAtTime` graph to see the distribution of population at different points in time. + + + ## Using Squiggle You can currently interact with Squiggle in a few ways: @@ -22,13 +73,6 @@ All of the components used in the playground and documentation are available in **[Visual Studio Code Extension](https://marketplace.visualstudio.com/items?itemName=QURI.vscode-squiggle)** There's a simple [VS Code extension](https://marketplace.visualstudio.com/items?itemName=QURI.vscode-squiggle) for running and visualizing Squiggle code. We find that VS Code is a useful editor for managing larger Squiggle setups. -## Very simple model - -```squiggle -//Write comments like this -/* -``` - ## Squiggle Vs. Other Tools ### What Squiggle Is