The class, working as a team, will create a large, interactive time-line that can be opened in any web browser. You will be editing the file, "DataHistMathSci.xml", which can be accessed on the Community Portal on “”. You will also need “TimelineHistMathSci.html”, found at the same location. Each event should have a good descriptive (but not too long) title and a well-written short essay (2 to 3 paragraphs) of information to explain the topic.


To get a copy of either file is a bit odd, but not as difficult as the list of steps might imply. As soon as there is a better way, we will let you know.

Here are the steps:

  1. Go to the community portal,
  2. Click on the link for the file you need,
  3. Hit "Edit" button,
  4. You will probably need to hit the "Source" button on the top right-hand corner, since you are likely using the "Rich Text Editor" mode,
  5. Select all of the text, [Click anywhere in the editing area, then touch Ctrl-A on the keyboard]
  6. Copy it to the Clip Board [Ctrl-C],
  7. Open the “Notepad”,
  8. Paste [Ctrl-V],
  9. Save the file, being careful to use the same filename from the Wiki.

Do this with both files. Save them in the same folder or perhaps on your Desktop. Begin editing the “DataHistSpaceFlight.xml” file by adding your “Events”. Save it and then double-click on the “TimelineHistSpaceFlight.html” file to open it in your browser. How does your new data look? When you are all done, copy YOUR events and paste them into an email to:


  • An "event" that will show up as a dot, because it took place at a specific point in time. Example: The assassination of JFK.
<event start="2772 BC" title="Egypt uses a calendar of 365 days">
Previously they had a 24 hour day.
  • A "duration event" will show up as a bar, because it lasted for a specific amount of time. Example: The life of Columbus.
<event start="620 BC" end="546 BC" isDuration="true" title="Thales of Miletus" link="">
A well traveled Ionian, the first to investigate basic principles.
  • If an <event> tag is long, you can choose to put it on multiple lines, for neatness. Note the single closing ">".
start="7 BC"
latestStart="4 BC"
end="33 AD"
earliestEnd="30 AD"
The Galilean.

Date formats

  • 572 BC
  • Oct 14 1066 00:00:00 GMT
  • Dec 10 1964 12:18:00 CST --- time zone info causes time to be converted to GMT.

Extras explained

  • latestStart="572 BC" --- if the beginning date is not clear.  It creates a lighter-colored band at the beginning of the "duration event" bar, to indicate that the beginning of the event took place somewhere between 2 dates.
  • earliestEnd="500 BC" --- if the ending date is not clear
  • link="" --- When clicked, the pop-up box's title could be a link to where you found info.
  • image="dog.gif" --- This puts an image inside the pop-up box. Use small images. You may use a web address of a specific image on a separate web page.