Usant Codi amb Observable

El codi és reactiu

El quadrat del número que has posat a sota és .

xx=var_a*var_a
viewof var_a = Inputs.range([-2, 11], {value: 5, step: 1, label: "Insert a value"})

Importar des de cel·les d’ObservableHQ

Gràfiques de Roger Veciana

import {graph} from "@rveciana/monthly-mean-co-sub-2-sub-concentration-at-mauna-loa"
graph

o dibuixar una cicloide (gràfiques de @mcmcclur)

import {make_cycloid} from "@mcmcclur/the-cycloid"
cycloid = make_cycloid(r, t)

per als següents valors dels paràmetres

viewof t = Inputs.range([0, 6 * Math.PI], {value: 1, step: 1, label: "distància"})
viewof r = Inputs.range([0, 2], {value: 1, step: 0.01, label: "radi"})

Més informació

Veieu la xerrada de Roger Veciana

---
title: "Usant Codi amb Observable"
format:
  html: 
    code-tools:
      source: true
      toggle: false
      caption: "Codi d'aquest pàgina"
---

# El codi és reactiu

El quadrat del número que has posat a **sota** és ${xx}.

```{ojs}
//| echo: false
xx=var_a*var_a
viewof var_a = Inputs.range([-2, 11], {value: 5, step: 1, label: "Insert a value"})
```

# Importar des de cel·les d'ObservableHQ

Gràfiques de Roger Veciana

```{ojs}
//| echo: false
import {graph} from "@rveciana/monthly-mean-co-sub-2-sub-concentration-at-mauna-loa"
graph
```
o dibuixar una cicloide (gràfiques de `@mcmcclur`)
```{ojs}
//| echo: false
import {make_cycloid} from "@mcmcclur/the-cycloid"
cycloid = make_cycloid(r, t)
```
per als següents valors dels paràmetres
```{ojs}
//| echo: false
viewof t = Inputs.range([0, 6 * Math.PI], {value: 1, step: 1, label: "distància"})
viewof r = Inputs.range([0, 2], {value: 1, step: 0.01, label: "radi"})
```

# Més informació

Veieu la [xerrada de Roger Veciana](https://zonavideo.upc.edu/video/65df01054f108c1436685906)

<iframe src='https://zonavideo.upc.edu/iframe/65fd58b34f108c2b2e2c42f2' id='pumukitiframe' frameborder='0' border='0' width='560' height='315' allowfullscreen></iframe>