How to format your text with Markdown
You can parse Markdown in our tables to format the text in not just rows and columns, but individual cells. If your data contains Markdown or if you added it in step 2: Check & Describe, make your formatting visible with checking "parse Markdown" in the Refine tab in step 3: Visualize:
What is Markdown?
Markdown is a markup language that makes it easier than HTML to format your text. In HTML, you'd need to use <b> and </b> to make text appear bold. In Markdown, you just use asterisks, like so: **something in bold**, and it will appear in your browser as something in bold.
Markdown expressions you can use in Datawrapper tables
Datawrapper uses the common Markdown syntax, plus two additional expressions to make your tables more readable (the "small note" and the "line in header"). Here's an overview. Scroll to the end of this article to learn how to bring Markdown formatting into your tables.
Effect | Markdown | How it will look like in your table |
Bold | **Haiti** __Haiti__ |
|
Italic | *Cuba* _Cuba_ |
|
Small note | Puerto Rico ^United States^ |
|
Monospace | `Trinidad and Tobago` |
|
Link | [Jamaica](https://en.wikipedia.org/wiki/Jamaica) | |
Image | ![ocean](https://upload.wikimedia.org/ wikipedia/commons/thumb/4/4f/ Reef_247.jpg/330px-Reef_247.jpg) *To increase the size of the image, increase the font-size of the column from Step 3: VIsualize or wrap the markdown in a <span> tag and give it some style (e.g. <span style="font-size:30px";>![image](link)</span>) See this Academy article for more details. |
|
Line in header, connecting merged cell. | ~~~2018~~~ | |
Bulleted list | - British Museum - Tate Modern - National Gallery |
Where to write Markdown
To achieve these effects above, you will need to write Markdown in the data you upload or paste to Datawrapper, or in step 2: Check & Describe. Just click in a data cell you want to edit, and add some Markdown syntax from above.