Draw a timeline chart in SVG
[Year:
]
[Year:
]
Period
Event
Arrow
Misc.
Add a period
Start year
:
(specified as
the actual start year
a rough indication of the left end
)
End year
:
(specified as
the actual end year
a rough indication of the right end
)
Label (era name, person's name, etc.)
:
The row number for specifying the vertical position where the new period should be placed:
1
(where the number “1” indicates the topmost row).
Color scheme:
Add a new period as specified above
Modify the label of a period
Select a period:
. Enter a new label for it:
. Then
modify the label
.
Change the color scheme of a period
Select a period:
. Select a new color scheme for it:
. Then
change the color scheme
.
Modify the range of a period
Select a period:
.
Enter the new start year:
(specified as
the actual start year
a rough indication of the left end
).
Enter the new end year:
(specified as
the actual end year
a rough indication of the right end
).
Then
modify the range of the period
.
Move a period vertically
Select a period:
. Select the moving direction:
upwards
downwards
. Then
move the period
.
Remove a period
Select a period:
. Then
remove the period
.
Add an event
Select a period:
. Specify a year included within the period:
.
Enter a label for a new event that occurs the specified year:
.
Then
add the event
.
Remove an event
Select an event:
. Then
Remove the event
.
Add an arrow starting from a period and pointing to another
Enter a label for a new arrow:
.
Select the period from which the arrow starts:
.
Select the period to which the arrow points:
.
Select the type:
single-headed arrow
double-headed arrow
.
Select the color:
.
Specify the year at which the arrow should be located:
.
Then
add the arrow
.
Move the label of an arrow vertically
Select an arrow:
. Then specify the vertical position of the label for the selected arrow.
[the top
the bottom]
Curve an arrow
Select an arrow to curve:
.
Then specify how to curve the selected arrow.
[leftwards
rightwards]
Remove an arrow
Select an arrow:
. Then
remove the arrow
.
Download the SVG data
Download the SVG data of this timeline chart
.
Read an SVG file created and saved before
Select your SVG file
(
) and
display the timeline chart of the file
.
Display samples of the predefined color schemes
Display samples of the predefined color schemes
.
[
Home
|
Drawing tool for a pedigree chart (family tree chart)
|
Japanese version
|
Contact me on Twitter
|
Convert your SVG file into PNG format
(the linked page is written in Japanese) | About this page ]