Markdown Feature Demo

A comprehensive demonstration of all markdown features including Mermaid diagrams, code blocks, tables, and more.

Nosible Team
Markdown Feature Demo

This article demonstrates all supported markdown features for Nosible research articles.

Text Formatting

Bold text and italic text can be combined for bold italic.

You can also use strikethrough and inline code formatting.

This is a blockquote. It can span multiple lines and is useful for highlighting important quotes or notes.

— Someone Important

Headings

Headings from H2 to H6 are supported (H1 is reserved for the article title).

H3 Subheading

H4 Subheading

H5 Subheading
H6 Subheading

Lists

Unordered List

  • First item
  • Second item
    • Nested item
    • Another nested item
  • Third item

Ordered List

  1. First step
  2. Second step
    1. Sub-step A
    2. Sub-step B
  3. Third step

Task List

  • Completed task
  • Incomplete task
  • Another task

External link to Nosible

Internal link to research

Code Blocks

Python

def calculate_sentiment(text: str) -> float:
    """Calculate sentiment score for given text."""
    scores = analyze(text)
    return sum(scores) / len(scores)

result = calculate_sentiment("Market looks bullish!")
print(f"Sentiment: {result:.2f}")

TypeScript

interface Signal {
  symbol: string;
  score: number;
  timestamp: Date;
}

const processSignal = (signal: Signal): boolean => {
  return signal.score > 0.5;
};

JSON

{
  "model": "ensemble-v2",
  "signals": ["sentiment", "momentum", "volume"],
  "threshold": 0.75
}

Tables

Tables can be created using markdown or HTML.

Markdown Table

ModelAccuracyLatencyStatus
GPT-494.2%120msActive
Claude93.8%95msActive
Ensemble96.1%180msBeta
ModelAccuracyLatencyStatus
GPT-494.2%120msActive
Claude93.8%95msActive
Ensemble96.1%180msBeta
Table using HTML with caption

Horizontal Rule

Content above the rule.


Content below the rule.

Mermaid Diagrams

Diagrams are generated from .mmd files in src/astro/content/diagrams/ using bun run diagrams.

Flowchart

Flowchart Example

Sequence Diagram

Sequence Diagram

State Diagram

State Diagram

Images

Image

Image
Image caption

Footnotes

Here is a statement with a footnote1.

Another statement with a different footnote2.

Summary

This article covers:

  • Text formatting — bold, italic, strikethrough, inline code
  • Structure — headings, lists, blockquotes, horizontal rules
  • Code — syntax-highlighted code blocks
  • Data — tables with alignment
  • Diagrams — Mermaid flowcharts, sequences, ERDs, state diagrams, and more

Footnotes

  1. This is the first footnote explanation.

  2. This is the second footnote with more detail.