The best way to create markdown-based data-rich stories

Write like you always do—then drop in live tables and charts. Flowershow renders local or external CSV files, so your posts stay readable and explorable.

🧩 MDX-first authoring
Write in markdown; drop in table/plot components where you need them. Keep your content structure and frontmatter.
📊 CSV to Table
Render local or external CSVs as interactive tables with sorting, filtering, and pagination.
📈 Quick Charts
Line, bar, area, scatter—plot directly from CSVs with declarative props. No build steps or notebooks required.
🗂 Zero configuration
Keep your existing folder structure. Flowershow works with any markdown organization.
🔁 Always up-to-date
Point components at a CSV path or URL; update the file and your story updates with it.
🔍 SEO-friendly
Clean markup, meta tags, and social cards so your work is discoverable and shareable.

Interactive tables

Point to a local or remote CSV and render a searchable, sortable table in one line of MDX.

<FlatUiTable
data={{ url: "/assets/global-co2-emissions.csv" }}
/>

Line charts

Visualize trends and continuous changes over time with simple line charts. Pull columns by name and you’re done.

<LineChart 
data={{ url: "/assets/global-co2-emissions.csv" }}
title="Global CO2 Emissions from fossil-fuels"
xAxis="Year"
yAxis="Total"
/>

Bar charts

Compare discrete data points across different categories or groups with a bar chart.

<PlotlyBarChart
data={{
  url: '/assets/global-co2-emissions-2010.csv'
}}
title="Emissions distribution in 2010"
xAxis="Type"
yAxis="Amount"
/>

And more!

Check out other available data-rich components and start using them today!

Be the first to know about new features

Start using Flowershow today.

Publish an elegant markdown-based website in a breeze.

Built with LogoFlowershow Cloud