Share
Explore
Multi year Timeline Diagrams In Coda
Create multiyear Timeline Diagrams in Coda
Have you ever wanted to create a timeline diagram in Coda over many years?
This pack makes it easy to create these Timeline Diagrams with 1 formula and just 2 inputs:
- List of Dates
- List of Event Titles
Features include
- Live updating
- Auto sizing
- Auto placement
- Can be used in tables to give each row its own timeline
- Can be put on a button to further increase efficiency
Enjoy!
1. Timelines from anything
This example demonstrates how any two lists can be used to create a timeline.
11/4/19575/12/19618/20/1969
First Earth Orbiting SatelliteFirst Man in SpaceMan walks on the moon
Note the formula for the below timeline: 
![](data:image/svg+xml,%3Csvg%20version="1.1"%20baseProfile="full"%20viewBox="-20%20-30%201040%20430%20"%20xmlns="http://www.w3.org/2000/svg"%20id="timeline-container"%20%20width="1040"%20style="background-color:white"%20>%3Cline%20x1="0"%20x2="1000"%20y1="75"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="middle"%20font-size="28px"%20x="500"%20y="5"%20>12%20Years%3C/text>%3Ctext%20text-anchor="start"%20x="0"%20y="45"%20transform="translate(4,20)%20rotate(-90,0,45)"%20class="label-below-task-point">1957%3C/text>%3Cline%20x1="0"%20x2="0"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="76.92307692307693"%20y="45"%20transform="translate(4,20)%20rotate(-90,76.92307692307693,45)"%20class="label-below-task-point">1958%3C/text>%3Cline%20x1="76.92307692307693"%20x2="76.92307692307693"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="153.84615384615387"%20y="45"%20transform="translate(4,20)%20rotate(-90,153.84615384615387,45)"%20class="label-below-task-point">1959%3C/text>%3Cline%20x1="153.84615384615387"%20x2="153.84615384615387"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="230.76923076923077"%20y="45"%20transform="translate(4,20)%20rotate(-90,230.76923076923077,45)"%20class="label-below-task-point">1960%3C/text>%3Cline%20x1="230.76923076923077"%20x2="230.76923076923077"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="307.69230769230774"%20y="45"%20transform="translate(4,20)%20rotate(-90,307.69230769230774,45)"%20class="label-below-task-point">1961%3C/text>%3Cline%20x1="307.69230769230774"%20x2="307.69230769230774"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="384.61538461538464"%20y="45"%20transform="translate(4,20)%20rotate(-90,384.61538461538464,45)"%20class="label-below-task-point">1962%3C/text>%3Cline%20x1="384.61538461538464"%20x2="384.61538461538464"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="461.53846153846155"%20y="45"%20transform="translate(4,20)%20rotate(-90,461.53846153846155,45)"%20class="label-below-task-point">1963%3C/text>%3Cline%20x1="461.53846153846155"%20x2="461.53846153846155"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="538.4615384615385"%20y="45"%20transform="translate(4,20)%20rotate(-90,538.4615384615385,45)"%20class="label-below-task-point">1964%3C/text>%3Cline%20x1="538.4615384615385"%20x2="538.4615384615385"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="615.3846153846155"%20y="45"%20transform="translate(4,20)%20rotate(-90,615.3846153846155,45)"%20class="label-below-task-point">1965%3C/text>%3Cline%20x1="615.3846153846155"%20x2="615.3846153846155"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="692.3076923076923"%20y="45"%20transform="translate(4,20)%20rotate(-90,692.3076923076923,45)"%20class="label-below-task-point">1966%3C/text>%3Cline%20x1="692.3076923076923"%20x2="692.3076923076923"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="769.2307692307693"%20y="45"%20transform="translate(4,20)%20rotate(-90,769.2307692307693,45)"%20class="label-below-task-point">1967%3C/text>%3Cline%20x1="769.2307692307693"%20x2="769.2307692307693"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="846.1538461538462"%20y="45"%20transform="translate(4,20)%20rotate(-90,846.1538461538462,45)"%20class="label-below-task-point">1968%3C/text>%3Cline%20x1="846.1538461538462"%20x2="846.1538461538462"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="923.0769230769231"%20y="45"%20transform="translate(4,20)%20rotate(-90,923.0769230769231,45)"%20class="label-below-task-point">1969%3C/text>%3Cline%20x1="923.0769230769231"%20x2="923.0769230769231"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="1000"%20y="45"%20transform="translate(4,20)%20rotate(-90,1000,45)"%20class="label-below-task-point">1970%3C/text>%3Cline%20x1="1000"%20x2="1000"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="64.57104745857906"%20y="125"%20transform="translate(4,0)%20rotate(-90,64.57104745857906,125)"%20>First%20Earth%20Orbiting%20Satellite%3C/text>%3Ccircle%20r="5"%20cx="64.57104745857906"%20cy="110"/>%3Cline%20x1="64.57104745857906"%20x2="64.57104745857906"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="335.2113170457737"%20y="125"%20transform="translate(4,0)%20rotate(-90,335.2113170457737,125)"%20>First%20Man%20in%20Space%3C/text>%3Ccircle%20r="5"%20cx="335.2113170457737"%20cy="110"/>%3Cline%20x1="335.2113170457737"%20x2="335.2113170457737"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="971.6898343162032"%20y="125"%20transform="translate(4,0)%20rotate(-90,971.6898343162032,125)"%20>Man%20walks%20on%20the%20moon%3C/text>%3Ccircle%20r="5"%20cx="971.6898343162032"%20cy="110"/>%3Cline%20x1="971.6898343162032"%20x2="971.6898343162032"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Cstyle>%20%20%20%20%3C![CDATA[text{%20%20%20font:%2016px%20default;%20%20%20%20%20%20}]]>%3C/style>%3C/svg>)
2. Timelines from Tables
This example demonstrates how any to use two table columns to create a timeline.
Note the formula for the below timeline: 
![](data:image/svg+xml,%3Csvg%20version="1.1"%20baseProfile="full"%20viewBox="-20%20-30%201040%20430%20"%20xmlns="http://www.w3.org/2000/svg"%20id="timeline-container"%20%20width="1040"%20style="background-color:white"%20>%3Cline%20x1="0"%20x2="1000"%20y1="75"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="middle"%20font-size="28px"%20x="500"%20y="5"%20>16%20Years%3C/text>%3Ctext%20text-anchor="start"%20x="0"%20y="45"%20transform="translate(4,20)%20rotate(-90,0,45)"%20class="label-below-task-point">2007%3C/text>%3Cline%20x1="0"%20x2="0"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="58.8235294117647"%20y="45"%20transform="translate(4,20)%20rotate(-90,58.8235294117647,45)"%20class="label-below-task-point">2008%3C/text>%3Cline%20x1="58.8235294117647"%20x2="58.8235294117647"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="117.6470588235294"%20y="45"%20transform="translate(4,20)%20rotate(-90,117.6470588235294,45)"%20class="label-below-task-point">2009%3C/text>%3Cline%20x1="117.6470588235294"%20x2="117.6470588235294"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="176.47058823529412"%20y="45"%20transform="translate(4,20)%20rotate(-90,176.47058823529412,45)"%20class="label-below-task-point">2010%3C/text>%3Cline%20x1="176.47058823529412"%20x2="176.47058823529412"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="235.2941176470588"%20y="45"%20transform="translate(4,20)%20rotate(-90,235.2941176470588,45)"%20class="label-below-task-point">2011%3C/text>%3Cline%20x1="235.2941176470588"%20x2="235.2941176470588"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="294.11764705882354"%20y="45"%20transform="translate(4,20)%20rotate(-90,294.11764705882354,45)"%20class="label-below-task-point">2012%3C/text>%3Cline%20x1="294.11764705882354"%20x2="294.11764705882354"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="352.94117647058823"%20y="45"%20transform="translate(4,20)%20rotate(-90,352.94117647058823,45)"%20class="label-below-task-point">2013%3C/text>%3Cline%20x1="352.94117647058823"%20x2="352.94117647058823"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="411.7647058823529"%20y="45"%20transform="translate(4,20)%20rotate(-90,411.7647058823529,45)"%20class="label-below-task-point">2014%3C/text>%3Cline%20x1="411.7647058823529"%20x2="411.7647058823529"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="470.5882352941176"%20y="45"%20transform="translate(4,20)%20rotate(-90,470.5882352941176,45)"%20class="label-below-task-point">2015%3C/text>%3Cline%20x1="470.5882352941176"%20x2="470.5882352941176"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="529.4117647058823"%20y="45"%20transform="translate(4,20)%20rotate(-90,529.4117647058823,45)"%20class="label-below-task-point">2016%3C/text>%3Cline%20x1="529.4117647058823"%20x2="529.4117647058823"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="588.2352941176471"%20y="45"%20transform="translate(4,20)%20rotate(-90,588.2352941176471,45)"%20class="label-below-task-point">2017%3C/text>%3Cline%20x1="588.2352941176471"%20x2="588.2352941176471"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="647.0588235294118"%20y="45"%20transform="translate(4,20)%20rotate(-90,647.0588235294118,45)"%20class="label-below-task-point">2018%3C/text>%3Cline%20x1="647.0588235294118"%20x2="647.0588235294118"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="705.8823529411765"%20y="45"%20transform="translate(4,20)%20rotate(-90,705.8823529411765,45)"%20class="label-below-task-point">2019%3C/text>%3Cline%20x1="705.8823529411765"%20x2="705.8823529411765"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="764.7058823529411"%20y="45"%20transform="translate(4,20)%20rotate(-90,764.7058823529411,45)"%20class="label-below-task-point">2020%3C/text>%3Cline%20x1="764.7058823529411"%20x2="764.7058823529411"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="823.5294117647059"%20y="45"%20transform="translate(4,20)%20rotate(-90,823.5294117647059,45)"%20class="label-below-task-point">2021%3C/text>%3Cline%20x1="823.5294117647059"%20x2="823.5294117647059"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="882.3529411764706"%20y="45"%20transform="translate(4,20)%20rotate(-90,882.3529411764706,45)"%20class="label-below-task-point">2022%3C/text>%3Cline%20x1="882.3529411764706"%20x2="882.3529411764706"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="941.1764705882352"%20y="45"%20transform="translate(4,20)%20rotate(-90,941.1764705882352,45)"%20class="label-below-task-point">2023%3C/text>%3Cline%20x1="941.1764705882352"%20x2="941.1764705882352"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="1000"%20y="45"%20transform="translate(4,20)%20rotate(-90,1000,45)"%20class="label-below-task-point">2024%3C/text>%3Cline%20x1="1000"%20x2="1000"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="28.762012132925324"%20y="125"%20transform="translate(4,0)%20rotate(-90,28.762012132925324,125)"%20>iPhone%3C/text>%3Ccircle%20r="5"%20cx="28.762012132925324"%20cy="110"/>%3Cline%20x1="28.762012132925324"%20x2="28.762012132925324"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="89.64138079132441"%20y="125"%20transform="translate(4,0)%20rotate(-90,89.64138079132441,125)"%20>iPhone%203G%3C/text>%3Ccircle%20r="5"%20cx="89.64138079132441"%20cy="110"/>%3Cline%20x1="89.64138079132441"%20x2="89.64138079132441"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="144.88377087024213"%20y="125"%20transform="translate(4,0)%20rotate(-90,144.88377087024213,125)"%20>iPhone%203GS%3C/text>%3Ccircle%20r="5"%20cx="144.88377087024213"%20cy="110"/>%3Cline%20x1="144.88377087024213"%20x2="144.88377087024213"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="204.4746872819026"%20y="125"%20transform="translate(4,0)%20rotate(-90,204.4746872819026,125)"%20>iPhone%204%3C/text>%3Ccircle%20r="5"%20cx="204.4746872819026"%20cy="110"/>%3Cline%20x1="204.4746872819026"%20x2="204.4746872819026"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="281.29194180490686"%20y="125"%20transform="translate(4,0)%20rotate(-90,281.29194180490686,125)"%20>iPhone%204S%3C/text>%3Ccircle%20r="5"%20cx="281.29194180490686"%20cy="110"/>%3Cline%20x1="281.29194180490686"%20x2="281.29194180490686"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="336.5410425726096"%20y="125"%20transform="translate(4,0)%20rotate(-90,336.5410425726096,125)"%20>iPhone%205%3C/text>%3Ccircle%20r="5"%20cx="336.5410425726096"%20cy="110"/>%3Cline%20x1="336.5410425726096"%20x2="336.5410425726096"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="395.16561979921624"%20y="125"%20transform="translate(4,0)%20rotate(-90,395.16561979921624,125)"%20>iPhone%205C%20%20and%20%205S%3C/text>%3Ccircle%20r="5"%20cx="395.16561979921624"%20cy="110"/>%3Cline%20x1="395.16561979921624"%20x2="395.16561979921624"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="453.79019702582275"%20y="125"%20transform="translate(4,0)%20rotate(-90,453.79019702582275,125)"%20>iPhone%206%20/%206%20Plus%3C/text>%3Ccircle%20r="5"%20cx="453.79019702582275"%20cy="110"/>%3Cline%20x1="453.79019702582275"%20x2="453.79019702582275"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="513.5421699683255"%20y="125"%20transform="translate(4,0)%20rotate(-90,513.5421699683255,125)"%20>iPhone%206S%3C/text>%3Ccircle%20r="5"%20cx="513.5421699683255"%20cy="110"/>%3Cline%20x1="513.5421699683255"%20x2="513.5421699683255"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="543.8140870778977"%20y="125"%20transform="translate(4,0)%20rotate(-90,543.8140870778977,125)"%20>iPhone%20SE%20(1st)%3C/text>%3Ccircle%20r="5"%20cx="543.8140870778977"%20cy="110"/>%3Cline%20x1="543.8140870778977"%20x2="543.8140870778977"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="571.0393514790359"%20y="125"%20transform="translate(4,0)%20rotate(-90,571.0393514790359,125)"%20>iPhone%207%3C/text>%3Ccircle%20r="5"%20cx="571.0393514790359"%20cy="110"/>%3Cline%20x1="571.0393514790359"%20x2="571.0393514790359"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="630.7913244215387"%20y="125"%20transform="translate(4,0)%20rotate(-90,630.7913244215387,125)"%20>iPhone%208%3C/text>%3Ccircle%20r="5"%20cx="630.7913244215387"%20cy="110"/>%3Cline%20x1="630.7913244215387"%20x2="630.7913244215387"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="689.4159016481451"%20y="125"%20transform="translate(4,0)%20rotate(-90,689.4159016481451,125)"%20>iPhone%20XS%3C/text>%3Ccircle%20r="5"%20cx="689.4159016481451"%20cy="110"/>%3Cline%20x1="689.4159016481451"%20x2="689.4159016481451"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="748.0404788747517"%20y="125"%20transform="translate(4,0)%20rotate(-90,748.0404788747517,125)"%20>iPhone%2011%3C/text>%3Ccircle%20r="5"%20cx="748.0404788747517"%20cy="110"/>%3Cline%20x1="748.0404788747517"%20x2="748.0404788747517"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="782.9897460675363"%20y="125"%20transform="translate(4,0)%20rotate(-90,782.9897460675363,125)"%20>iPhone%20SE%20(2nd)%3C/text>%3Ccircle%20r="5"%20cx="782.9897460675363"%20cy="110"/>%3Cline%20x1="782.9897460675363"%20x2="782.9897460675363"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="812.2953239920545"%20y="125"%20transform="translate(4,0)%20rotate(-90,812.2953239920545,125)"%20>iPhone%2012%3C/text>%3Ccircle%20r="5"%20cx="812.2953239920545"%20cy="110"/>%3Cline%20x1="812.2953239920545"%20x2="812.2953239920545"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="866.4170290438611"%20y="125"%20transform="translate(4,0)%20rotate(-90,866.4170290438611,125)"%20>iPhone%2013%20%3C/text>%3Ccircle%20r="5"%20cx="866.4170290438611"%20cy="110"/>%3Cline%20x1="866.4170290438611"%20x2="866.4170290438611"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="894.595211252483"%20y="125"%20transform="translate(4,0)%20rotate(-90,894.595211252483,125)"%20>iPhone%20SE%20(3rd)%3C/text>%3Ccircle%20r="5"%20cx="894.595211252483"%20cy="110"/>%3Cline%20x1="894.595211252483"%20x2="894.595211252483"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="923.9142105545714"%20y="125"%20transform="translate(4,0)%20rotate(-90,923.9142105545714,125)"%20>iPhone%2014%3C/text>%3Ccircle%20r="5"%20cx="923.9142105545714"%20cy="110"/>%3Cline%20x1="923.9142105545714"%20x2="923.9142105545714"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="983.6661834970741"%20y="125"%20transform="translate(4,0)%20rotate(-90,983.6661834970741,125)"%20>iPhone%2015%3C/text>%3Ccircle%20r="5"%20cx="983.6661834970741"%20cy="110"/>%3Cline%20x1="983.6661834970741"%20x2="983.6661834970741"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Cstyle>%20%20%20%20%3C![CDATA[text{%20%20%20font:%2016px%20default;%20%20%20%20%20%20}]]>%3C/style>%3C/svg>)
Dates Table
3. Timelines for each row in table
This example demonstrates how to create timelines for each row of a table
Note the formula for the Text Column called ‘Timeline Diagram’: 
Table of Friends
Name
Related Events
Timeline Diagram
Justice Crandall
Grand Culinary Adventure
Social Media Summit
Cinema Celebration Night
Multicultural Parade
Innovation and Technology Conference
Fashion Forward Showcase
Auto Enthusiasts' Exhibit
![](data:image/svg+xml,%3Csvg%20version="1.1"%20baseProfile="full"%20viewBox="-20%20-30%201040%20430%20"%20xmlns="http://www.w3.org/2000/svg"%20id="timeline-container"%20%20width="1040"%20style="background-color:white"%20>%3Cline%20x1="0"%20x2="1000"%20y1="75"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="middle"%20font-size="28px"%20x="500"%20y="5"%20>9%20Years%3C/text>%3Ctext%20text-anchor="start"%20x="0"%20y="45"%20transform="translate(4,20)%20rotate(-90,0,45)"%20class="label-below-task-point">2000%3C/text>%3Cline%20x1="0"%20x2="0"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="100"%20y="45"%20transform="translate(4,20)%20rotate(-90,100,45)"%20class="label-below-task-point">2001%3C/text>%3Cline%20x1="100"%20x2="100"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="200"%20y="45"%20transform="translate(4,20)%20rotate(-90,200,45)"%20class="label-below-task-point">2002%3C/text>%3Cline%20x1="200"%20x2="200"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="300"%20y="45"%20transform="translate(4,20)%20rotate(-90,300,45)"%20class="label-below-task-point">2003%3C/text>%3Cline%20x1="300"%20x2="300"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="400"%20y="45"%20transform="translate(4,20)%20rotate(-90,400,45)"%20class="label-below-task-point">2004%3C/text>%3Cline%20x1="400"%20x2="400"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="500"%20y="45"%20transform="translate(4,20)%20rotate(-90,500,45)"%20class="label-below-task-point">2005%3C/text>%3Cline%20x1="500"%20x2="500"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="600"%20y="45"%20transform="translate(4,20)%20rotate(-90,600,45)"%20class="label-below-task-point">2006%3C/text>%3Cline%20x1="600"%20x2="600"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="700"%20y="45"%20transform="translate(4,20)%20rotate(-90,700,45)"%20class="label-below-task-point">2007%3C/text>%3Cline%20x1="700"%20x2="700"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="800"%20y="45"%20transform="translate(4,20)%20rotate(-90,800,45)"%20class="label-below-task-point">2008%3C/text>%3Cline%20x1="800"%20x2="800"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="900"%20y="45"%20transform="translate(4,20)%20rotate(-90,900,45)"%20class="label-below-task-point">2009%3C/text>%3Cline%20x1="900"%20x2="900"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="1000"%20y="45"%20transform="translate(4,20)%20rotate(-90,1000,45)"%20class="label-below-task-point">2010%3C/text>%3Cline%20x1="1000"%20x2="1000"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="44.506798065516925"%20y="125"%20transform="translate(4,0)%20rotate(-90,44.506798065516925,125)"%20>Grand%20Culinary%20Adventure%20%3C/text>%3Ccircle%20r="5"%20cx="44.506798065516925"%20cy="110"/>%3Cline%20x1="44.506798065516925"%20x2="44.506798065516925"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="590.621863308696"%20y="125"%20transform="translate(4,0)%20rotate(-90,590.621863308696,125)"%20>Social%20Media%20Summit%20%3C/text>%3Ccircle%20r="5"%20cx="590.621863308696"%20cy="110"/>%3Cline%20x1="590.621863308696"%20x2="590.621863308696"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="406.6634729446117"%20y="125"%20transform="translate(4,0)%20rotate(-90,406.6634729446117,125)"%20>Cinema%20Celebration%20Night%20%3C/text>%3Ccircle%20r="5"%20cx="406.6634729446117"%20cy="110"/>%3Cline%20x1="406.6634729446117"%20x2="406.6634729446117"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="233.11889770964504"%20y="125"%20transform="translate(4,0)%20rotate(-90,233.11889770964504,125)"%20>Multicultural%20Parade%20%3C/text>%3Ccircle%20r="5"%20cx="233.11889770964504"%20cy="110"/>%3Cline%20x1="233.11889770964504"%20x2="233.11889770964504"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="954.9913313258509"%20y="125"%20transform="translate(4,0)%20rotate(-90,954.9913313258509,125)"%20>Innovation%20and%20Technology%20Conference%20%3C/text>%3Ccircle%20r="5"%20cx="954.9913313258509"%20cy="110"/>%3Cline%20x1="954.9913313258509"%20x2="954.9913313258509"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="991.1146089971713"%20y="125"%20transform="translate(4,0)%20rotate(-90,991.1146089971713,125)"%20>Fashion%20Forward%20Showcase%20%3C/text>%3Ccircle%20r="5"%20cx="991.1146089971713"%20cy="110"/>%3Cline%20x1="991.1146089971713"%20x2="991.1146089971713"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="874.509535541564"%20y="125"%20transform="translate(4,0)%20rotate(-90,874.509535541564,125)"%20>Auto%20Enthusiasts'%20Exhibit%3C/text>%3Ccircle%20r="5"%20cx="874.509535541564"%20cy="110"/>%3Cline%20x1="874.509535541564"%20x2="874.509535541564"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Cstyle>%20%20%20%20%3C![CDATA[text{%20%20%20font:%2016px%20default;%20%20%20%20%20%20}]]>%3C/style>%3C/svg>)
Iliana Loveless
Social Media Summit
Community Volunteer Day
Multicultural Parade
Charity Fun Run
Fashion Forward Showcase
Citywide Scavenger Hunt
Horticulture Hobbyists' Meetup
Horticulture Hobbyists' Meetup
Auto Enthusiasts' Exhibit
![](data:image/svg+xml,%3Csvg%20version="1.1"%20baseProfile="full"%20viewBox="-20%20-30%201040%20430%20"%20xmlns="http://www.w3.org/2000/svg"%20id="timeline-container"%20%20width="1040"%20style="background-color:white"%20>%3Cline%20x1="0"%20x2="1000"%20y1="75"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="middle"%20font-size="28px"%20x="500"%20y="5"%20>7%20Years%3C/text>%3Ctext%20text-anchor="start"%20x="0"%20y="45"%20transform="translate(4,20)%20rotate(-90,0,45)"%20class="label-below-task-point">2002%3C/text>%3Cline%20x1="0"%20x2="0"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="125"%20y="45"%20transform="translate(4,20)%20rotate(-90,125,45)"%20class="label-below-task-point">2003%3C/text>%3Cline%20x1="125"%20x2="125"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="250"%20y="45"%20transform="translate(4,20)%20rotate(-90,250,45)"%20class="label-below-task-point">2004%3C/text>%3Cline%20x1="250"%20x2="250"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="375"%20y="45"%20transform="translate(4,20)%20rotate(-90,375,45)"%20class="label-below-task-point">2005%3C/text>%3Cline%20x1="375"%20x2="375"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="500"%20y="45"%20transform="translate(4,20)%20rotate(-90,500,45)"%20class="label-below-task-point">2006%3C/text>%3Cline%20x1="500"%20x2="500"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="625"%20y="45"%20transform="translate(4,20)%20rotate(-90,625,45)"%20class="label-below-task-point">2007%3C/text>%3Cline%20x1="625"%20x2="625"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="750"%20y="45"%20transform="translate(4,20)%20rotate(-90,750,45)"%20class="label-below-task-point">2008%3C/text>%3Cline%20x1="750"%20x2="750"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="875"%20y="45"%20transform="translate(4,20)%20rotate(-90,875,45)"%20class="label-below-task-point">2009%3C/text>%3Cline%20x1="875"%20x2="875"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="1000"%20y="45"%20transform="translate(4,20)%20rotate(-90,1000,45)"%20class="label-below-task-point">2010%3C/text>%3Cline%20x1="1000"%20x2="1000"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="488.20727812000916"%20y="125"%20transform="translate(4,0)%20rotate(-90,488.20727812000916,125)"%20>Social%20Media%20Summit%20%3C/text>%3Ccircle%20r="5"%20cx="488.20727812000916"%20cy="110"/>%3Cline%20x1="488.20727812000916"%20x2="488.20727812000916"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="200.7472051106548"%20y="125"%20transform="translate(4,0)%20rotate(-90,200.7472051106548,125)"%20>Community%20Volunteer%20Day%20%3C/text>%3Ccircle%20r="5"%20cx="200.7472051106548"%20cy="110"/>%3Cline%20x1="200.7472051106548"%20x2="200.7472051106548"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="41.2673967602099"%20y="125"%20transform="translate(4,0)%20rotate(-90,41.2673967602099,125)"%20>Multicultural%20Parade%20%3C/text>%3Ccircle%20r="5"%20cx="41.2673967602099"%20cy="110"/>%3Cline%20x1="41.2673967602099"%20x2="41.2673967602099"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="846.5234998859229"%20y="125"%20transform="translate(4,0)%20rotate(-90,846.5234998859229,125)"%20>Charity%20Fun%20Run%20%3C/text>%3Ccircle%20r="5"%20cx="846.5234998859229"%20cy="110"/>%3Cline%20x1="846.5234998859229"%20x2="846.5234998859229"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="988.8917408167921"%20y="125"%20transform="translate(4,0)%20rotate(-90,988.8917408167921,125)"%20>Fashion%20Forward%20Showcase%20%3C/text>%3Ccircle%20r="5"%20cx="988.8917408167921"%20cy="110"/>%3Cline%20x1="988.8917408167921"%20x2="988.8917408167921"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="547.4275610312571"%20y="125"%20transform="translate(4,0)%20rotate(-90,547.4275610312571,125)"%20>Citywide%20Scavenger%20Hunt%20%3C/text>%3Ccircle%20r="5"%20cx="547.4275610312571"%20cy="110"/>%3Cline%20x1="547.4275610312571"%20x2="547.4275610312571"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="413.9573351585672"%20y="125"%20transform="translate(4,0)%20rotate(-90,413.9573351585672,125)"%20>Horticulture%20Hobbyists'%20Meetup%20%3C/text>%3Ccircle%20r="5"%20cx="413.9573351585672"%20cy="110"/>%3Cline%20x1="413.9573351585672"%20x2="413.9573351585672"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="413.9573351585672"%20y="125"%20transform="translate(4,0)%20rotate(-90,413.9573351585672,125)"%20>Horticulture%20Hobbyists'%20Meetup%3C/text>%3Ccircle%20r="5"%20cx="413.9573351585672"%20cy="110"/>%3Cline%20x1="413.9573351585672"%20x2="413.9573351585672"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="843.1154460415241"%20y="125"%20transform="translate(4,0)%20rotate(-90,843.1154460415241,125)"%20>Auto%20Enthusiasts'%20Exhibit%3C/text>%3Ccircle%20r="5"%20cx="843.1154460415241"%20cy="110"/>%3Cline%20x1="843.1154460415241"%20x2="843.1154460415241"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Cstyle>%20%20%20%20%3C![CDATA[text{%20%20%20font:%2016px%20default;%20%20%20%20%20%20}]]>%3C/style>%3C/svg>)
Rogelio Chau
Intercontinental Art Expo
Community Volunteer Day
Neighborhood Yard Sale
Auto Enthusiasts' Exhibit
![](data:image/svg+xml,%3Csvg%20version="1.1"%20baseProfile="full"%20viewBox="-20%20-30%201040%20430%20"%20xmlns="http://www.w3.org/2000/svg"%20id="timeline-container"%20%20width="1040"%20style="background-color:white"%20>%3Cline%20x1="0"%20x2="1000"%20y1="75"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="middle"%20font-size="28px"%20x="500"%20y="5"%20>5%20Years%3C/text>%3Ctext%20text-anchor="start"%20x="0"%20y="45"%20transform="translate(4,20)%20rotate(-90,0,45)"%20class="label-below-task-point">2003%3C/text>%3Cline%20x1="0"%20x2="0"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="166.66666666666666"%20y="45"%20transform="translate(4,20)%20rotate(-90,166.66666666666666,45)"%20class="label-below-task-point">2004%3C/text>%3Cline%20x1="166.66666666666666"%20x2="166.66666666666666"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="333.3333333333333"%20y="45"%20transform="translate(4,20)%20rotate(-90,333.3333333333333,45)"%20class="label-below-task-point">2005%3C/text>%3Cline%20x1="333.3333333333333"%20x2="333.3333333333333"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="500"%20y="45"%20transform="translate(4,20)%20rotate(-90,500,45)"%20class="label-below-task-point">2006%3C/text>%3Cline%20x1="500"%20x2="500"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="666.6666666666666"%20y="45"%20transform="translate(4,20)%20rotate(-90,666.6666666666666,45)"%20class="label-below-task-point">2007%3C/text>%3Cline%20x1="666.6666666666666"%20x2="666.6666666666666"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="833.3333333333334"%20y="45"%20transform="translate(4,20)%20rotate(-90,833.3333333333334,45)"%20class="label-below-task-point">2008%3C/text>%3Cline%20x1="833.3333333333334"%20x2="833.3333333333334"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="start"%20x="1000"%20y="45"%20transform="translate(4,20)%20rotate(-90,1000,45)"%20class="label-below-task-point">2009%3C/text>%3Cline%20x1="1000"%20x2="1000"%20y1="75"%20y2="65"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="585.1201338199513"%20y="125"%20transform="translate(4,0)%20rotate(-90,585.1201338199513,125)"%20>Intercontinental%20Art%20Expo%20%3C/text>%3Ccircle%20r="5"%20cx="585.1201338199513"%20cy="110"/>%3Cline%20x1="585.1201338199513"%20x2="585.1201338199513"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="101.08728710462287"%20y="125"%20transform="translate(4,0)%20rotate(-90,101.08728710462287,125)"%20>Community%20Volunteer%20Day%20%3C/text>%3Ccircle%20r="5"%20cx="101.08728710462287"%20cy="110"/>%3Cline%20x1="101.08728710462287"%20x2="101.08728710462287"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="377.5471411192214"%20y="125"%20transform="translate(4,0)%20rotate(-90,377.5471411192214,125)"%20>Neighborhood%20Yard%20Sale%20%3C/text>%3Ccircle%20r="5"%20cx="377.5471411192214"%20cy="110"/>%3Cline%20x1="377.5471411192214"%20x2="377.5471411192214"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Ctext%20text-anchor="end"%20x="957.382907542579"%20y="125"%20transform="translate(4,0)%20rotate(-90,957.382907542579,125)"%20>Auto%20Enthusiasts'%20Exhibit%3C/text>%3Ccircle%20r="5"%20cx="957.382907542579"%20cy="110"/>%3Cline%20x1="957.382907542579"%20x2="957.382907542579"%20y1="110"%20y2="75"%20stroke="black"%20/>%3Cstyle>%20%20%20%20%3C![CDATA[text{%20%20%20font:%2016px%20default;%20%20%20%20%20%20}]]>%3C/style>%3C/svg>)
There are no rows in this table
Table of events
4. Timelines using buttons
This example demonstrates how to create timelines using buttons for increased efficiency in big docs
Note the formula for the button column:
Table of Friends (With Button)
Name
Related Events
Refresh Timeline Button
Timeline Diagram
Diagram Refresh Required
Justice Crandall
Grand Culinary Adventure
Social Media Summit
Cinema Celebration Night
Multicultural Parade
Innovation and Technology Conference
Fashion Forward Showcase
Auto Enthusiasts' Exhibit
Refresh Timeline
false
Mariah Lowry
Multicultural Parade
Horticulture Hobbyists' Meetup
Refresh Timeline
adffdfds
true
Alice Baum
Grand Culinary Adventure
Cinema Celebration Night
Neighborhood Yard Sale
Refresh Timeline
true
Iliana Loveless
Social Media Summit
Community Volunteer Day
Multicultural Parade
Charity Fun Run
Fashion Forward Showcase
Citywide Scavenger Hunt
Horticulture Hobbyists' Meetup
Horticulture Hobbyists' Meetup
Auto Enthusiasts' Exhibit
Refresh Timeline
true
Kendrick McGuire
Intercontinental Art Expo
Innovation and Technology Conference
Citywide Scavenger Hunt
Horticulture Hobbyists' Meetup
Refresh Timeline
true
Oliver Esparza
Grand Culinary Adventure
Intercontinental Art Expo
Cinema Celebration Night
Multicultural Parade
Charity Fun Run
Innovation and Technology Conference
Fashion Forward Showcase
Horticulture Hobbyists' Meetup
Refresh Timeline
true
Rogelio Chau
Intercontinental Art Expo
Neighborhood Yard Sale
Auto Enthusiasts' Exhibit
Refresh Timeline
true
Cody Shapiro
Grand Culinary Adventure
Intercontinental Art Expo
Cinema Celebration Night
Community Volunteer Day
Charity Fun Run
Innovation and Technology Conference
Fashion Forward Showcase
Refresh Timeline
true
Ismael Valenzuela
Social Media Summit
Multicultural Parade
Charity Fun Run
Neighborhood Yard Sale
Fashion Forward Showcase
Horticulture Hobbyists' Meetup
Auto Enthusiasts' Exhibit
Refresh Timeline
true
There are no rows in this table
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.