Multi year Timeline Diagrams In Coda
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?
1. Timelines from anything
11/4/19575/12/19618/20/1969
First Earth Orbiting SatelliteFirst Man in SpaceMan walks on the moon
![](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
![](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
Table of Friends
Name
Related Events
Timeline Diagram
1
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>)
2
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>)
3
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
Table of Friends (With Button)
Name
Related Events
Refresh Timeline Button
Timeline Diagram
Diagram Refresh Required
1
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
2
Mariah Lowry
Multicultural Parade
Horticulture Hobbyists' Meetup
Refresh Timeline
adffdfds
true
3
Alice Baum
Grand Culinary Adventure
Cinema Celebration Night
Neighborhood Yard Sale
Refresh Timeline
true
4
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
5
Kendrick McGuire
Intercontinental Art Expo
Innovation and Technology Conference
Citywide Scavenger Hunt
Horticulture Hobbyists' Meetup
Refresh Timeline
true
6
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
7
Rogelio Chau
Intercontinental Art Expo
Neighborhood Yard Sale
Auto Enthusiasts' Exhibit
Refresh Timeline
true
8
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
9
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.