![]() ![]() If you're not familiar with this feature, you can take a look at our academy article " Scatterplots: Add custom lines and areas". This can be done from Annotate tab > Add custom lines and areas menu: We can add a vertical timeline by drawing a line on x=1. Now, our timeline no longer has unnecessary lines and labels, but there's something still missing. (In the example chart, we only turned the Grid "off" for the horizontal axis and we kept the Grid "on" for the vertical axis) To remove the axes and the labels, select "off" for the axis Position.Īlso, choose "off" for Grid if you want to hide all labels and lines: 1.3 Turn off the axesīy default, Datawrapper will display the axes - but we don't want those random x-values to be displayed on the horizontal axis. To do this, simply enter the custom range in reverse order (newest date as min, oldest date as max):Īnother thing you'll notice is that the horizontal axis labels are turned on by default and displaying numbers. Since we want to display the events in chronological order from the top, we need to reverse the y-axis. You'll notice that the dates are in descending order instead of in ascending order. 1.2 Displaying events in chronological order by reversing the y-axis Now in step 3: Visualize, under the Refine tab, select this additional column as your Horizontal axis, and Date as your Vertical axis. * If you want multiple timelines, all you need to do is to give those rows a different x value to plot them on a different vertical line. We need to add an extra column to our dataset (let's call it "Horizontal Axis" for now) and give all rows the same value of 1: Let's say we'll plot them on x = 1 in this example chart. To do this, we can plot them on a vertical line of x = n (n can be any constant). We want the date as the y-axis and all markers displayed on one vertical line. Axis 1.1 Creating an additional column and give every row an x value To create a timeline like this one, there are a couple of things you have to bear in mind: 1. ![]() (If you're interested in horizontal timelines, take a look at an example here.) Vertical timelines are great to display on narrower screen sizes like on mobile screens. Displaying different markers - circles, stars, and more.Displaying events in chronological order by reversing the y-axis.Creating an additional column and give every row an x value.In this article, you'll learn how to create a vertical timeline using Datawrapper scatter plot. If you're not familiar with scatter plots, we suggest you first have a quick look at " How to create a scatter plot" and some examples of Datawrapper scatter plots. How to create a timeline using scatter plotsĪ scatter plot is a very versatile chart type and can be used to create all kinds of charts outside of the 19 chart types that Datawrapper offers.
0 Comments
Leave a Reply. |