SVG schedule renderer
First, select a font to use.
Choose or drop a font file (WOFF, OTF, TTF)
No file selected
Then, set your class schedule.
Choose or drop schedule JSON file or paste below
No file selected
[ [{"name":"Period A","start":505,"end":565},{"name":"Brunch","start":565,"end":585},{"name":"FlexTime","start":585,"end":645},{"name":"FlexTime","start":645,"end":705},{"name":"Period B","start":715,"end":770},{"name":"Lunch","start":770,"end":810},{"name":"Period F","start":810,"end":865}], [{"name":"Period C","start":505,"end":565},{"name":"Brunch","start":565,"end":585},{"name":"FlexTime","start":585,"end":645},{"name":"FlexTime","start":645,"end":705},{"name":"Period D","start":715,"end":770},{"name":"Lunch","start":770,"end":810},{"name":"Period G","start":810,"end":865}], [{"name":"SELF","start":505,"end":550},{"name":"SELF","start":550,"end":600},{"name":"Brunch","start":600,"end":615},{"name":"FlexTime","start":615,"end":675},{"name":"FlexTime","start":675,"end":735}], [{"name":"Period E","start":505,"end":565},{"name":"Brunch","start":565,"end":580},{"name":"Period B","start":580,"end":655},{"name":"Period C","start":665,"end":740},{"name":"Lunch","start":740,"end":780},{"name":"Period A","start":780,"end":855},{"name":"Period G","start":865,"end":940}], [{"name":"Period D","start":505,"end":585},{"name":"Brunch","start":585,"end":600},{"name":"Period E","start":600,"end":675},{"name":"Period F","start":685,"end":760}] ]
Download
No file available
Padding around the entire thing
Pixels per minute
Width of each day (pixels)
Time when school starts
In minutes since midnight.
Label text size
Font sizes are in pixels.
Period label
Period duration
Period times