The avatar for @sd-progwebdataviz
BUT SD - Cours Programmation Web Dataviz
Voir la page Web du cours pour retrouver l'ensemble des supports.
Public
Guide et exemples
Edited
Aug 11, 2024
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Les éléments de base du formatage incluent l'*italique*, le **gras** et le texte ~~barré~~.

On peut aussi *les mettre les un à l'**intérieur** des autres*.

Vous noterez que les paragraphes sont séparés par une ligne vide.
Insert cell
---
👆 *Conseil: Trois tirets peuvent être utilisés pour faire une ligne de démarcation horizontale!*
Insert cell
Insert cell
Insert cell
Insert cell
- Item 1
- Sub-item 1
- Sub-sub-item 1
- Sub-sub-item 2
- Item 2
- Item 3
Insert cell
Insert cell
1. Item 1
1. Sub-item 1
1. Sub-sub-item 1
2. Sub-sub-item 2
1. Item 2
1. Item 3
Insert cell
Insert cell
Insert cell
Insert cell
# Heading 1
Insert cell
## Heading 2
Insert cell
### Heading 3
Insert cell
#### Heading 4
Insert cell
##### Heading 5
Insert cell
Insert cell
Insert cell
> “Above all else show the data.”
>
> — Edward Tufte
Insert cell
Insert cell
Insert cell
En fonction de l'outil qui converti le Markdown, il est possible que les URLs soient automatiquement converties en liens : c'est le cas sur https://observablehq.com/

La syntaxe permettant de créer des liens consiste à utiliser des crochets pour délimiter le texte qui sera cliquable et des parenthèses pour délimiter l'URL à utiliser : [un lien vers une page Web](https://observablehq.com/).
Insert cell
Insert cell
Insert cell
Insert cell
Column 1 | Column 2 | Column 3
-------- | -------- | --------
Cell 1-1 | Cell 2-1 | Cell 3-1
Cell 1-2 | Cell 2-2 | Cell 3-2
Insert cell
Insert cell
| Titre 1 | Titre 2 | Titre 3 |
| :------------ | :-------------: | -------------: |
| Colonne | Colonne | Colonne |
| Alignée à | Alignée au | Alignée à |
| Gauche | Centre | Droite |
Insert cell
Insert cell
|Note: Les tableaux ne servent pas juste à faire des tableaux !|
| --- |
|Par exemple, en n'utilisant qu'une seule entête et une seule cellule, on peut écrire une note additionnel avec un titre et un peu de texte explicatif !|
Insert cell
Insert cell
Insert cell
![Texte alternatif d'écrivant l'image](https://upload.wikimedia.org/wikipedia/commons/9/9b/Social_Network_Analysis_Visualization.png)
Insert cell
Insert cell
Insert cell
**Inline code** : `const x = 12;`

**Bloc de code** :

```
const x = 12;
const y = 14;
const result = x * y;
```

**Bloc de code avec coloration syntaxique** :

```python
def sum(a, b):
return a + b
```

```javascript
const x = 12;
const y = 14;
const result = x * y;
```
Insert cell
Insert cell
Mon nombre favori est ${favNumber}
Insert cell
viewof favNumber = Inputs.range([0, 100], {label: "Nombre favori", value: 3, step: 1})
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more