Avaia
Hier ist ein VegaLite-Code für eine interaktive Darstellung der Normalverteilung, bei der die Parameter im UI editierbar sind. Die Darstellung hat eine Größe von 800x500px:
```json
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"width": 800,
"height": 500,
"params": [
{
"name": "mean",
"value": 0,
"bind": {"input": "range", "min": -10, "max": 10, "step": 0.1}
},
{
"name": "stdDev",
"value": 1,
"bind": {"input": "range", "min": 0.1, "max": 5, "step": 0.1}
}
],
"data": {
"sequence": {"start": -10, "stop": 10, "step": 0.1, "as": "x"}
},
"transform": [
{
"calculate": "1 / (sqrt(2 * PI) * stdDev) * exp(-0.5 * pow((datum.x - mean) / stdDev, 2))",
"as": "y"
}
],
"mark": "line",
"encoding": {
"x": {"field": "x", "type": "quantitative", "title": "X"},
"y": {"field": "y", "type": "quantitative", "title": "Density"}
}
}
```
Du kannst diesen Code in einen VegaLite-Editor einfügen, um die interaktive Darstellung der Normalverteilung zu sehen. Die Parameter "mean" (Mittelwert) und "stdDev" (Standardabweichung) sind über Schieberegler im UI anpassbar. Viel Spaß beim Ausprobieren!