Spaces:
Running
Running
thibaud frere
commited on
Commit
·
3cc17c6
1
Parent(s):
6fab523
update doc
Browse files
app/src/content/chapters/components.mdx
CHANGED
|
@@ -213,7 +213,6 @@ They exist in the `app/src/content/embeds` folder.
|
|
| 213 |
|
| 214 |
For researchers who want to stay in **Python** while targeting **D3**, the [d3blocks](https://github.com/d3blocks/d3blocks) library lets you create interactive D3 charts with only a few lines of code. In **2025**, **D3** often provides more flexibility and a more web‑native rendering than **Plotly** for custom visualizations.
|
| 215 |
|
| 216 |
-
<Note>You can refer to a chart by creating a link to it <a href="#real-world-examples">here</a>. All you need to do is put the id="real-world-examples" in the HtmlEmbed. <a href="#neural-network-mnist-like">Fig 1</a></Note>
|
| 217 |
|
| 218 |
<HtmlEmbed src="d3-line-example.html" title="This is a chart title" desc="Some chart description" />
|
| 219 |
|
|
@@ -226,6 +225,8 @@ For researchers who want to stay in **Python** while targeting **D3**, the [d3bl
|
|
| 226 |
| `align` | No | Aligns the title/description text. One of `left` (default), `center`, `right`.
|
| 227 |
| `id` | No | Adds an `id` to the outer figure for deep-linking and cross-references.
|
| 228 |
|
|
|
|
|
|
|
| 229 |
<Accordion title="Code example">
|
| 230 |
```mdx
|
| 231 |
import HtmlEmbed from '../components/HtmlEmbed.astro'
|
|
|
|
| 213 |
|
| 214 |
For researchers who want to stay in **Python** while targeting **D3**, the [d3blocks](https://github.com/d3blocks/d3blocks) library lets you create interactive D3 charts with only a few lines of code. In **2025**, **D3** often provides more flexibility and a more web‑native rendering than **Plotly** for custom visualizations.
|
| 215 |
|
|
|
|
| 216 |
|
| 217 |
<HtmlEmbed src="d3-line-example.html" title="This is a chart title" desc="Some chart description" />
|
| 218 |
|
|
|
|
| 225 |
| `align` | No | Aligns the title/description text. One of `left` (default), `center`, `right`.
|
| 226 |
| `id` | No | Adds an `id` to the outer figure for deep-linking and cross-references.
|
| 227 |
|
| 228 |
+
<Note>You can refer to a chart by creating a link to it `<a href="#neural-network-mnist-like">like his</a>`. All you need to do is to give him a name like that `<HtmlEmbed id="neural-network-mnist-like"/>`. <a href="#neural-network-mnist-like">Fig 1</a></Note>
|
| 229 |
+
|
| 230 |
<Accordion title="Code example">
|
| 231 |
```mdx
|
| 232 |
import HtmlEmbed from '../components/HtmlEmbed.astro'
|