- Team Members and roles
- Eva: Developer + research/text analysis
- Joanne: Developer + research/text analysis
- Kevin: UX/UI lead + research/text analysis
- Martin: Project Manager + research/text analysis
- Outreach: we will assign this task time and space, rather than assigning it to a specific person (i.e. we plan to devote collective and individual time to outreach on a weekly/biweekly basis, since there isn’t one obvious person to take the lead on it)
- Abstract
Freedom of Speech* is a web project that helps users to understand the First Amendment right to freedom of speech through interactive visualizations of Supreme Court verdicts that have expanded or contracted the definition of “free speech” over the history of the United States. The project aims to dispel misconceptions about the First Amendment (specifically its blanket protection of freedom of speech) as static and limitless, and to illustrate how historical circumstances, diplomatic relationships, or the realities of race, class, religion, and other aspects affect whether and how free speech has been protected by the U.S. government.
We’ll focus on an effective combination of clean user interface and an entry-level approach to the gargantuan field of Supreme Court case precedent within the issue of First Amendment freedom of speech in order to capture a user’s attention for educational purposes. With those two foundations — clean UI and digestible content — in mind, this web project aims to offer a humanistic inquiry of the sticky relationship between the letter of the law and the cases that define its actual implementation through a robust, beautiful, functional, data-driven web app. Its focus on the goal of improving critical thinking skills, and fostering a better-informed civic populace around a topic that is today largely synonymous with social media, makes it poised to be an effective Digital Humanities tool.
As the U.S. comes to terms with what free speech means in the internet age, a baseline literacy and understanding of the concept becomes increasingly important; leaving the populace with a question that this project will be built to answer: What does ‘freedom of speech’ really mean?
- Very brief environmental scan
Legal language is largely inaccessible to those without an educational or institutional background in law. In addition, Supreme Court verdicts are lengthy and tedious to read and understand. As such, most of the general public is unfamiliar with how the law works, and does not realize that the legislation and/or constitution are really just the beginning in determining what is considered “legal”: Indeed—as it pertains to the freedom of speech—while the First Amendment may be understood as a determining, theoretical base, individual cases and case law determine how the freedom of speech is practiced. Not only that, but most people do not even understand what the First Amendment is. Thus, Freedom of Speech* seeks to make case law (particularly Supreme Court verdicts) more accessible and easy to understand, as to better elaborate to users how particular issues (such as partisanship) relate to the freedom of speech.
While there are plenty of papers and case studies that have similarly tackled the lack of understanding surrounding the First Amendment, there are currently few data-oriented approaches. One similar project is the Supreme Court Database, which publishes data about every case that has been on the Supreme Court’s docket and has an analysis tool that allows users to select cases from a range of years and obtain a set of horizontal bar charts that show the frequency of the cases matching the parameters. However, while this project has an extremely broad scope with the aim to make case finding and analysis easier for legal scholars, Freedom of Speech* seeks instead to not only focus on the narrow topic of cases revolving around the issue of First Amendment freedom of speech, but also make SCOTUS-level case law more accessible to a general population. Additionally, while the Supreme Court Database’s analysis tool only provides simple bar charts that visualize the frequency of a certain subset of SCOTUS cases, our project seeks to create more complex data visualizations that illustrate the spatial dimensions of Supreme court verdicts: that is, visualize how the complex web of case law, courts, judges, appointing politicians, and political parties partake in determining how the freedom of speech is interpreted and understood.
There is a notable gap with regard to the intersection of innovative data visualization and legal data research, where you will find information about the Supreme Court on a site like Oyez, but not much in the way of visuals. We seek to fill that lacuna with this project—by creating a tool that eases the point of entry into the sphere of legal rights using clean web design and incisive visuals, we hope to open a door for others to create works that go beyond our scope and make the entirety of the legal field accessible to all.
- What technologies will be used?
Most of our data work can be done with Python. We have already begun using BeautifulSoup to pull Supreme Court content from the Justia website and prepare it for text analysis. We may explore topic modeling or other forms of text analysis for analyzing and organizing the text data, but that determination depends to some extent on the cleanliness and existing categorizations of the text data we get from Justia, and on our ability to manually encode and clean it. We’ll likely use Voyant as a starting place that’s accessible to all members of our group, and may use Python or R for further text analysis if it seems interesting and worth the time and effort.
Web development will be done in HTML, CSS, and Javascript. Any data visualizations will likely be done in d3.js and vanilla Javascript. We may use Vue for a coding framework.
Individually, team members will likely use Observable notebooks and Jupyter notebooks for process-based coding and prototyping, as well as Figma for web design and UX prototyping. We’re using several collaborative platforms: Github for coding and data management; Trello for organization and project management; and Discord for communication.
While each of the technologies listed is familiar to at least one member of the group, few of them are familiar to all of us. We’ve established standing invitations to listen in/watch screen shares whenever it’s interesting or helpful, in service of learning from each other’s knowledge bases. If we need help outside of troubleshooting or what’s available through StackOverflow, we’ll seek outside help from Micki, Javier, or other founts of techno-knowledge.
- How will the project be managed?
We will be using Discord as the main channel for chatting, voice communication, and screen sharing. Google Docs will be used for shared documentation, and Google Sheets for simple data sets. We will be creating a Github Organization in order to have team-based tools as well as a shared repository for this project, which will host not only our code but also our data and likely our final webpage. We have created a shared Github repository in order to share access to large data sets. In lieu of a traditional calendar, a dashboard on Trello will track all of our Milestones, Due Dates, shared Meeting and Class notes.
- Milestones
Our broad overview of work is as follows: first, we will be cleaning and processing the data, scraping any further information we need and manually categorizing and preparing any content we need to. We will also be tagging text and topic modeling to make the data more robust. We envision this taking 2-3 weeks. During this time, we’ll be brainstorming outreach ideas. Afterwards, we will be drafting and revising our UX/UI vision, creating iterations in order to get to a design that meets our project’s goals. At this stage, we will also be prototyping visualizations in order to get a sense of how our data can best be communicated. This process should take 1-2 weeks. Once we have some of this UX/UI vision in place, including logo design and branding, we can also begin to do actual outreach that communicates our goals to potential partners and interested parties.
The next step would be wireframing the website, combining prototypes with the structure of the website to get a mockup of what will be the final product. This process should also take 1-2 weeks. After this, we will begin constructing the code scaffolding according to the wireframes and prototypes, and once the scaffolding is in place, we will be actively working on code in order to build out our vision. This stage will likely take up the rest of the time (3-4 weeks) as we refine our code and test for bugs. This time will also include the final outreach pushes as we find ways to share our project with the world and publicize its CUNY launch. Our final product will be an accessible, friendly, non-patronizing website that encourages critical thought while remaining mindful of cognitive overload, and will be deployed on GitHub Pages.


