Beautiful Tables in Datawrapper

David Kokkelink

This week Datawrapper introduces a new visualization type which will come a bit as a surprise: It is an additional table, which complements the already existing longer data table longtime users know well. So, from now on there will be a “short table” and a “long table”.

<iframe id="datawrapper-chart-tSpj7" src="//d2a0cocy5zekk1.cloudfront.net/tSpj7/2/" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen" style="width: 0; min-width: 100% !important;" height="577"></iframe><script type="text/javascript">if("undefined"==typeof window.datawrapper)window.datawrapper={};window.datawrapper["tSpj7"]={},window.datawrapper["tSpj7"].embedDeltas={"100":769,"200":635,"300":618,"400":593,"500":593,"600":577,"700":577,"800":577,"900":577,"1000":577},window.datawrapper["tSpj7"].iframe=document.getElementById("datawrapper-chart-tSpj7"),window.datawrapper["tSpj7"].iframe.style.height=window.datawrapper["tSpj7"].embedDeltas[Math.min(1e3,Math.max(100*Math.floor(window.datawrapper["tSpj7"].iframe.offsetWidth/100),100))]+"px",window.addEventListener("message",function(a){if("undefined"!=typeof a.data["datawrapper-height"])for(var b in a.data["datawrapper-height"])if("tSpj7"==b)window.datawrapper["tSpj7"].iframe.style.height=a.data["datawrapper-height"][b]+"px"});</script>

What is this new, “short table” good for? As you know, with many topics there is some data, but not enough to justify a good, comparative bar or line chart. Still, you would want to publish the data prominently, not hide it in the text.

This is what this new table is for. We have a Datawrapper Academy post to show what you can do with it, based on quite typical example. We think that many of our users will welcome this very basic, but effective way to have key numbers in an article.

Show Beautiful Table

---

David Kokkelink

(he/him, @DavidKokkelink) is a co-founder and co-CEO of Datawrapper. Originally a software developer, he works across our customer-facing and product development teams to make sure Datawrapper is headed in the right direction. David lives in Berlin.

Liked this article? Maybe your friends will too:

Twitter Facebook