Timeline | Clipmarks


	Timeline

cabrown

1-9-2007 3:06 PM

557 views

tags:

tools, widgets, timeline

Add a Comment

Login to Comment. Not a member yet? Sign up

Just for the Love of It: Riches beyond Cash

Web analytics tools reviewed

Picnik

5000+Resources to do just about anything o...

Flash Tshirt Maker

5 Ways Social Media Will Change Recored Hi...

More clips from cabrown

Blog Software Comparison Chart

Ultimate Guide to the Invisible Web

50 loudest websites in 2006 and what made ...

Today's Top Clips

visit the Top Clips page

View the Top Clips from January 9, 2007

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/a10c2ae6-5a95-43d2-9387-873e879ef40b/3882E199-281C-465C-B0E8-8D8A99DA3299/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://simile.mit.edu/timeline/" href="http://simile.mit.edu/timeline/" style="font-size: 11px;">simile.mit.edu</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/"><P>Timeline is a DHTML-based AJAXy widget for visualizing time-based events.
        It is like <A href="http://maps.google.com/">Google Maps</A> for time-based information.
        Below is a live example that you can play with. Pan the timeline by
        dragging it horizontally.
    </P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/"><P>Just like Google Maps, Timeline can be used with zero software installation,
        server-side or client-side. And like Google Maps, you can populate Timeline
        with data by pointing it to an XML file (here is the 
        <A href="http://simile.mit.edu/timeline/examples/jfk/jfk.xml">data file</A> for the timeline above).
        But Timeline is not limited to only that means of loading data; for instance,
        we have just added <A href="http://simile.mit.edu/timeline/examples/cubism/cubism.html">JSON support</A>.
    </P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/"><li style="margin-left:16px;padding-left: 0px;"><A href="http://simile.mit.edu/timeline/examples/religions/religions.html">Religion Timelines</A>:
            recommended to be viewed on a <EM>huge monitor</EM>, 
            2000 years of Jewish and Christianity history, all
            mashed up, scrolling side-by-side.
        </LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/"><li style="margin-left:16px;padding-left: 0px;"><A href="http://simile.mit.edu/timeline/examples/dinosaurs/dinosaurs2.html">Dinosaurs</A>:
            recommended to be viewed on a huge monitor, showing Timeline
            working on geological scale events.
        </LI></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/3882E199-281C-465C-B0E8-8D8A99DA3299/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from cabrown

Today's Top Clips