thibaud frere commited on
Commit
9294a56
·
1 Parent(s): 505ef8e
app/src/content/chapters/available-blocks.mdx CHANGED
@@ -355,18 +355,17 @@ For researchers who want to stay in **Python** while targeting **D3**, the [d3bl
355
  | `frameless` | No | Removes the card background and border for seamless embeds.
356
  | `align` | No | Aligns the title/description text. One of `left` (default), `center`, `right`.
357
 
358
- <HtmlEmbed src="plotly-line.html" title="Plotly Line" desc="Interactive time series" />
359
  ---
360
-
361
- <HtmlEmbed src="d3-line-example.html" title="D3 Line" desc="Interactive time series" />
362
 
363
  <br/>
364
  <small className="muted">Examples</small>
365
  ```mdx
366
  import HtmlEmbed from '../components/HtmlEmbed.astro'
367
 
368
- <HtmlEmbed src="plotly-line.html" title="Plotly Line" desc="Interactive time series" />
369
- <HtmlEmbed src="d3-line-example.html" title="D3 Line" desc="Interactive time series" />
370
  ```
371
 
372
  #### Data
@@ -381,9 +380,7 @@ You can fetch them with this address: **`[domain]/data/your-data.ext`**
381
 
382
  Here are some real world examples to inspire you.
383
 
384
- <HtmlEmbed src="d3-comparison.html" title="Image comparison" desc="" />
385
- ---
386
- <HtmlEmbed src="d3-line.html" title="D3 Line" desc="Simple time series" />
387
  ---
388
  <HtmlEmbed src="d3-bar.html" title="D3 Memory usage with recomputation" desc={`Memory usage with recomputation — <a href="https://huggingface.co/spaces/nanotron/ultrascale-playbook?section=activation_recomputation" target="_blank">from the ultrascale playbook</a>`}/>
389
  ---
@@ -394,7 +391,8 @@ Here are some real world examples to inspire you.
394
  <FullWidth>
395
  <HtmlEmbed src="d3-pie.html" desc="D3 Pie charts by category" align="center" />
396
  </FullWidth>
397
-
 
398
 
399
  ### Iframes
400
 
 
355
  | `frameless` | No | Removes the card background and border for seamless embeds.
356
  | `align` | No | Aligns the title/description text. One of `left` (default), `center`, `right`.
357
 
358
+ <HtmlEmbed src="d3-line-example.html" title="D3 Line" desc="Some chart description" />
359
  ---
360
+ <HtmlEmbed src="plotly-line.html" title="Plotly Line" desc="Some chart description" />
 
361
 
362
  <br/>
363
  <small className="muted">Examples</small>
364
  ```mdx
365
  import HtmlEmbed from '../components/HtmlEmbed.astro'
366
 
367
+ <HtmlEmbed src="plotly-line.html" title="Plotly Line" desc="Some chart description" />
368
+ <HtmlEmbed src="d3-line-example.html" title="D3 Line" desc="Some chart description" />
369
  ```
370
 
371
  #### Data
 
380
 
381
  Here are some real world examples to inspire you.
382
 
383
+ <HtmlEmbed src="d3-line.html" title="Training curves by metric" desc="Interactive time series across runs. Choose a metric; hover for values." />
 
 
384
  ---
385
  <HtmlEmbed src="d3-bar.html" title="D3 Memory usage with recomputation" desc={`Memory usage with recomputation — <a href="https://huggingface.co/spaces/nanotron/ultrascale-playbook?section=activation_recomputation" target="_blank">from the ultrascale playbook</a>`}/>
386
  ---
 
391
  <FullWidth>
392
  <HtmlEmbed src="d3-pie.html" desc="D3 Pie charts by category" align="center" />
393
  </FullWidth>
394
+ ---
395
+ <HtmlEmbed src="d3-comparison.html" title="Image similarity: query vs top-k" desc="Compare a query image to top-k matches. Shows rank and similarity." />
396
 
397
  ### Iframes
398