Brian L. Croxall wrote:
> Dear all,
>
> To follow up on my comments yesterday, I have started playing with a
> simple timeline modeled on the one David Huynh pointed out at
> http://people.csail.mit.edu/dfhuynh/projects/timeline-exhibit/timeline-exhibit.html.
>
> My timeline is hastily thrown together, but successfully uses a Google
> spreadsheet to create the events (some notable things from Hemingway's
> life, for example).
>
> There are a few things that I have not been able to do, however.
> 1. I have only been able to assign years to the events. I have tried
> formatting dates in the various formats: MMM DD YYY; DD MMM YYYY; YYYY
> MMM DD; YYYY M DD; YYYY-MMM-DD; YYYY-M-DD (three Ms represent letters
> for months, one M represents a number for month). The items would
> _not_ appear on the timeline when formatted with anything except the
> year first. If the dates were linked by a hyphen, the events did not
> appear. When the year was listed first and no hyphens were used, then
> the dates appeared. However, it was plain that the month and date
> information did not change the placement of the events (this was
> easier to see when I changed the value of intervalUnit:
> Timeline.DateTime.Value to represent days and months). Is it possible
> to use exact dates when exporting from Google Spreadsheets?
Exhibit is expecting date/time in the ISO 8601 format, e.g., "2007-10-26".
http://en.wikipedia.org/wiki/ISO_8601
> 2. I was unable to reduce the number of bands from three to
> two--despite my attempts to replace the sections of the script with
> the examples found on the Timeline tutorial (which produces a 2-band
> timeline). Where can I control this? How could I add a fourth band?
In the code, there are 3 band infos defined, hence there are 3 bands:
var bandInfos = [
Timeline.createBandInfo({
width: "10%",
intervalUnit: Timeline.DateTime.DECADE,
intervalPixels: 100,
date: d,
theme: theme
}),
Timeline.createBandInfo({
width: "70%",
intervalUnit: Timeline.DateTime.DECADE,
intervalPixels: 100,
eventSource: eventSource,
date: d,
theme: theme
}),
Timeline.createBandInfo({
width: "20%",
intervalUnit: Timeline.DateTime.CENTURY,
intervalPixels: 100,
eventSource: eventSource,
date: d,
overview: true,
theme: theme
})
];
>
> 3. I hoped that I would be able to change the colors of various events
> by including a {type} field. This doesn't appear to have worked. Is
> there a way to do this?
You need to add data and also configure the timeline view (otherwise, it
wouldn't know which field to use to color).
<div ex:role="view"
ex:viewClass="Timeline"
ex:start=".start"
ex:end=".end"
ex:timelineConstructor="myTimelineConstructor"
ex:colorKey=".type"
>
</div>
> 4. Can I display the filters on the top of the page, like other
> Exhibits? Can I display more information in the pop-up bubble than
> simply that which comes in the "description" field?
Yes, you can. Just look at other exhibits and see how they are done. For
*any* web page your web browser has a "view source" command that shows
you its source code.
> 5. When including images within the descriptions, is there an easy way
> to resize the images (apart from downloading the image, resizing it
> myself, and saving it to my own directory)? In other words, can
> Exhibit resize on the fly?
Not at the moment.
> 6. What determines the height, level, or y-axis of individual events?
> In other words, why do I have WWI, In Our Time, To Have and Have Not,
> and Nobel Prize in Literature showing up on one line rather than using
> the full range of the timeline? David's timeline with art seems to use
> more of the timeline, so can I control this?
To some extent, yes.
> There's a start. I realize that the answer to some of these questions
> might be to implement the project more fully within Exhibit rather
> than in this half-Exhibit, half-Timeline solution (or at least, that's
> what I'm understanding it to be). I also realize that I may be asking
> very simple or very difficult questions.
Please do look at the HTML source code of existing exhibits, our
documentation on the wiki, and previous messages on our mailing list
archive.
David
_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general
