Civil Rights Movement Timeline — Strategies and Legislative Outcomes¶
Learning Objective¶
Students trace the relationship between civil rights movement strategies (legal challenges, boycotts, sit-ins, direct action) and legislative outcomes, identifying which strategies proved most effective at each stage and why.
- Bloom Level: Analyze (L4)
- Bloom Verb: Trace
- Library: p5.js
Preview¶
Specification¶
The full specification below is extracted from Chapter 17: Civil Rights and the Great Society (1954–1968).
Type: timeline
**sim-id:** civil-rights-timeline<br/>
**Library:** p5.js<br/>
**Status:** Specified
Purpose: Allow students to trace the Civil Rights Movement's key events, the strategic choices activists made at each stage, and the legislative outcomes those choices produced.
Bloom Level: Analyze (L4)
Bloom Verb: Trace
Learning Objective: Students trace the relationship between civil rights movement strategies (legal challenges, boycotts, sit-ins, direct action) and legislative outcomes, identifying which strategies proved most effective at each stage and why.
Canvas layout:
- Responsive width; height approximately 480px
- Horizontal timeline from 1954 to 1968
- Three tracks: Legal (top), Nonviolent Action (middle), Legislative (bottom)
- Color-coded by strategy type: blue = legal, gold = economic/boycott, red = direct action, green = legislation
Key events:
Legal: Brown v. Board (1954), Brown II (1955), Boynton v. Virginia (1960)
Nonviolent Action: Montgomery Boycott (1955–56), Greensboro Sit-In (1960), Freedom Riders (1961), Birmingham Campaign (1963), March on Washington (1963), Selma (1965)
Legislative: Civil Rights Act (1964), 24th Amendment (1964), Voting Rights Act (1965), Fair Housing Act (1968)
Each event clickable:
- What happened
- Strategic rationale
- Key figures involved
- Immediate response (government, public, media)
- Legislative outcome produced
Interactivity:
- "Strategy filter" buttons highlight only legal, economic, or direct action events
- "Cause-effect" mode draws arrows from movement events to their legislative outcomes
- Hovering shows year and 1-line description
Color scheme: Blue/gold/teal for strategy types; green for legislation.