Timeliner
Working examples of the timeliner.js jquery plugin by Tarek Anandan. This page features two working examples, which demonstrate several key features including expand/collapse, autostart/autoload, and multiple timelines per page.
The Civil Rights Movement 1954-1964
1954
- Brown v. Board of Education
-
May 17, 1954
The U.S. Supreme Court hands down a unanimous 9-0 decision in the Brown v. Board of Education of Topeka case, opening the door for the civil rights movement and ultimately racial integration in all aspects of U.S. society. In overturning Plessy v. Ferguson (1896), the court rules that “separate educational facilities are inherently unequal.”1
1955
- Emmett Till
-
August 28, 1955
Fourteen-year-old African-American Emmett Till is brutally murdered after reportedly flirting with a white woman while visiting relatives in Mississippi. For the first time, both black and white reporters cover the trial epitomizing “one of the most shocking and enduring stories of the twentieth century.”2 The white defendants, Roy Bryant and J.W. Milam, are acquitted by an all-white jury in only 67 minutes; later they describe in full detail to Look magazine (which paid them $4,000) how they killed Till.3 His mother insists on an open casket funeral, and the powerful image of his mutilated body sparks a strong reaction across the country and the world.
- Rosa Parks
-
December 1, 1955
The arrest of Rosa Parks, a 42-year-old African-American seamstress and civil rights activist who refused to give up her bus seat to a white passenger, sets off a long anticipated bus boycott by residents of Montgomery, Ala. The 13-month protest and ensuing litigation eventually make it to the U.S. Supreme Court, which declares that segregation on public buses is unconstitutional.4 The Montgomery bus boycott brings the Rev. Dr. Martin Luther King Jr. and his nonviolent approach to social change to the forefront of the civil rights movement.
1957
- Little Rock
-
September 4, 1957
Three years removed from the Brown v. Board of Education decision, Arkansas Gov. Orval Faubus orders the National Guard to stop nine black students from attending the all-white Little Rock Central High School. President Dwight D. Eisenhower intervenes by federalizing the National Guard and deploying Army troops to protect the students, stripping the state of power. Media coverage of the physical and verbal harassment the black students were subjected to is reported and broadcast around the world. In the end, they successfully integrate Central High. 5
1961
- Freedom Rides
-
May 4, 1961
The first of many civil rights “Freedom Rides” leaves Washington, D.C., for New Orleans. The Freedom Riders want to test the validity of the Supreme Court’s decision to outlaw racial segregation in bus terminals and through interstate bus travel.6 Angry white mobs – with the blessing of Alabama law enforcement – meet the convoy in Anniston and Birmingham, brutally beating the Freedom Riders and firebombing one of the buses.7
1963
- "I Have a Dream"
-
August 28, 1963
In one of the largest gatherings in the nation’s capital and one of the first to be broadcast live on national television, at least 200,000 civil rights protesters stage a March on Washington concluding at the Lincoln Memorial. The march is dedicated to jobs and freedom and takes place 100 years after the Emancipation Proclamation. The highlight of the event is Martin Luther King Jr.’s historic “I Have a Dream” speech.
I have a dream that one day this nation will rise up and live out the true meaning of its creed: "We hold these truths to be self-evident: that all men are created equal."
—Martin Luthar King Jr.
1964
- Civil Rights Act
-
July 2, 1964
President Lyndon B. Johnson signs the Civil Rights Act of 1964, mandating equal opportunity employment, and complete desegregation of schools and other public facilities. It also outlaws unequal voter registration requirements.13 Although it would take years for these changes to take effect in communities around the country, the law is a monumental victory for the civil rights movement.
- Nobel Peace Prize
-
October 14, 1964
Martin Luther King Jr. is awarded the Nobel Peace Prize; at 35, he is the youngest recipient.
The Development of Timeliner.js
Your content isn't suited for a chronological presentation? No problem, get creative.
Concept
- The idea is born
-
Two completely independent projects, one for the Institute for Educational Leadership and another for the Fund for Investigative Journalism, expressed interest in a timeline component for their website.
Prototype
- The idea is realized
-
Jquery was heating up, so it was the perfect time to put together a working prototype. I toyed around with some variations, including some horizontal ones. Ultimately, I found the vertical version, similar to the current, the most flexible.
Initial Integrations
- NCLD-Youth Disability History Timeline
In one of the largest gatherings in the nation’s capital and one of the first to be broadcast live on national television, at least 200,000 civil rights protesters stage a March on Washington concluding at the Lincoln Memorial. The march is dedicated to jobs and freedom and takes place 100 years after the Emancipation Proclamation. The highlight of the event is Martin Luther King Jr.’s historic “I Have a Dream” speech.
- Investigating Power's Moments of Truth Timelines
-
I really started to fine tune the code for InvestigatingPower.org. This was also the first time where all of the content was loaded via the CMS, which was important given five timelines for a total of a few hundred data points.