31:[] 2f:{"title":"Rappels Markdown","cells":[{"id":0,"value":"# Rappels Markdown","pinned":false,"hidden":false,"mode":"md"},{"id":218,"value":"

Support de cours pour les étudiants 2025-2026 de 3ème année du BUT Science des données de l'IUT2 (Université Grenoble Alpes).

\n\nIntervenant : Matthieu Viry

\nVoir l'ensemble de notebooks ici.\n\n

","pinned":false,"hidden":false,"mode":"html"},{"id":3,"value":"Afin de créer des visualisations engageantes (que ce soit sous forme de rapport, de *dashboard*, etc.) il va généralement être nécessaire de les accompagner de textes, de listes, de tableaux ainsi que les organiser et les structurer au sein d'un document.\n\nLe **Markdown** est un **language de balisage léger** visant à offrir une syntaxe facile à lire et à écrire en l'état, dans sa forme non formatée. Markdown est principalement utilisé dans des blogs, des sites de messagerie instantanée, des forums et des pages de documentation de logiciels.\n\nUn document rédigé par Markdown peut être facilement converti en HTML, en PDF ou en d'autres formats.","pinned":false,"hidden":false,"mode":"md"},{"id":10,"value":"## Créer une cellule Markdown dans Observable","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"Pour créer une cellule Markdown dans Observable, il est nécessaire de cliquer sur le signe **+** qui apparaît à gauche de l'éditeur. Un menu apparaît, et il est alors possible de sélectionner \"Text\". Le contenu de ces cellules sera interprété et transformé automatiquement en HTML.","pinned":false,"hidden":false,"mode":"md"},{"id":20,"value":"## Formatage de base","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"Les éléments de base du formatage incluent l'*italique*, le **gras** et le texte ~~barré~~.\n\nOn peut aussi *les mettre les un à l'**intérieur** des autres*.\n\nVous noterez que les paragraphes sont séparés par une ligne vide.","pinned":true,"hidden":false,"mode":"md"},{"id":29,"value":"---\n👆 *Conseil: Trois tirets peuvent être utilisés pour faire une ligne de démarcation horizontale!*","pinned":true,"hidden":false,"mode":"md"},{"id":61,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":39,"value":"## Listes","pinned":false,"hidden":false,"mode":"md"},{"id":41,"value":"### Non-ordonnées","pinned":false,"hidden":false,"mode":"md"},{"id":44,"value":"- Item 1\n - Sub-item 1\n - Sub-sub-item 1\n - Sub-sub-item 2\n- Item 2\n- Item 3","pinned":true,"hidden":false,"mode":"md"},{"id":51,"value":"### Ordonnées","pinned":false,"hidden":false,"mode":"md"},{"id":52,"value":"1. Item 1\n 1. Sub-item 1\n 1. Sub-sub-item 1\n 2. Sub-sub-item 2\n1. Item 2\n1. Item 3","pinned":true,"hidden":false,"mode":"md"},{"id":55,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":65,"value":"## Titres","pinned":false,"hidden":false,"mode":"md"},{"id":93,"value":"Les titres débutent par le symbole `#`. Ce symbole est à utiliser une fois pour les titres de niveau 1, deux fois pour les titres de niveau 2, etc.","pinned":false,"hidden":false,"mode":"md"},{"id":69,"value":"# Heading 1","pinned":true,"hidden":false,"mode":"md"},{"id":74,"value":"## Heading 2","pinned":true,"hidden":false,"mode":"md"},{"id":81,"value":"### Heading 3","pinned":true,"hidden":false,"mode":"md"},{"id":84,"value":"#### Heading 4","pinned":true,"hidden":false,"mode":"md"},{"id":87,"value":"##### Heading 5","pinned":true,"hidden":false,"mode":"md"},{"id":100,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":101,"value":"## Citations","pinned":false,"hidden":false,"mode":"md"},{"id":108,"value":"> “Above all else show the data.” \n>\n> — Edward Tufte","pinned":true,"hidden":false,"mode":"md"},{"id":114,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":115,"value":"## Liens","pinned":false,"hidden":false,"mode":"md"},{"id":120,"value":"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/ \n\nLa 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/).","pinned":true,"hidden":false,"mode":"md"},{"id":138,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":140,"value":"## Tableaux","pinned":false,"hidden":false,"mode":"md"},{"id":174,"value":"### Tableaux basiques","pinned":false,"hidden":false,"mode":"md"},{"id":175,"value":"Column 1 | Column 2 | Column 3\n-------- | -------- | --------\nCell 1-1 | Cell 2-1 | Cell 3-1\nCell 1-2 | Cell 2-2 | Cell 3-2","pinned":true,"hidden":false,"mode":"md"},{"id":182,"value":"### Tableaux avec option d'alignement","pinned":false,"hidden":false,"mode":"md"},{"id":143,"value":"| Titre 1 | Titre 2 | Titre 3 |\n| :------------ | :-------------: | -------------: |\n| Colonne | Colonne | Colonne |\n| Alignée à | Alignée au | Alignée à |\n| Gauche | Centre | Droite |","pinned":true,"hidden":false,"mode":"md"},{"id":186,"value":"### Tableau pour structurer du texte","pinned":false,"hidden":false,"mode":"md"},{"id":189,"value":"|Note: Les tableaux ne servent pas juste à faire des tableaux !|\n| --- |\n|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 !|","pinned":true,"hidden":false,"mode":"md"},{"id":150,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":151,"value":"## Images\n\nLa syntaxe des images est similaires à celle des liens, préfixé d'un point d'exclamation :","pinned":false,"hidden":false,"mode":"md"},{"id":203,"value":"![Texte alternatif d'écrivant l'image](https://upload.wikimedia.org/wikipedia/commons/9/9b/Social_Network_Analysis_Visualization.png)","pinned":true,"hidden":false,"mode":"md"},{"id":158,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":161,"value":"## Afficher du code","pinned":false,"hidden":false,"mode":"md"},{"id":164,"value":"**Inline code** : `const x = 12;`\n\n**Bloc de code** :\n\n```\nconst x = 12;\nconst y = 14;\nconst result = x * y;\n```\n\n**Bloc de code avec coloration syntaxique** :\n\n```python\ndef sum(a, b):\n return a + b\n```\n\n```javascript\nconst x = 12;\nconst y = 14;\nconst result = x * y;\n```","pinned":true,"hidden":false,"mode":"md"},{"id":208,"value":"## Ajouter des valeurs dynamiques","pinned":false,"hidden":false,"mode":"md"},{"id":214,"value":"Mon nombre favori est ${favNumber}","pinned":true,"hidden":false,"mode":"md"},{"id":212,"value":"viewof favNumber = Inputs.range([0, 100], {label: \"Nombre favori\", value: 3, step: 1})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}