This is the website that hosts the Judicial Selection Map of the U.S. The files here all play a role in building the final site. The site is hosted on GitHub, and by default is at brennancenter.github.io
The importance of Commit Messages. Throughout this document, you will see mention of commit messages. This web application will likely be maintained/updated by different people at different times. And sometimes, you might make a change at one point, and then go back a few months later only to try and remember what you were thinking at the time you'd made that change. A commit message is a favor to your future self, and any other people in the future, who are trying to understand what the status of the visualization is.
A commit message is just like an email message: a short subject to summarize the changes you've made, and a longer message (if necessary only) to put any important details. It's like "the ship's log" in a way -- it maps the journey of this visualization.
Also: the Github interface only enables the "Commit changes" button when you have typed in a commit message subject.
The main data is controlled in a Google Spreadsheet. This spreadsheet serves as the master file of record. Whenever any changes are made to the spreadsheet, they are not immediately reflected in this visualization. To do that:
- Load the Google spreadsheet
- Select the "Vertical Data" tab.
- Make changes to the dataset here. Important: Please don't change any of the headers (rows 1-5).
- Download the tab as a CSV file to your computer
- On the spreadsheet, click the "File" menu
- Scroll down to "Download as"
- In the new list, scroll to "Comma-separated values (.csv, current sheet)"
- Confirm to "save" in the next dialog box
- Using your File Explorer application (e.g. Finder (Mac) or Windows Explorer):
- Find the Download folder (or wherever your csv file is downloaded)
- Rename the csv file:
- From: "Judicial Selection Dataset (Vertical Data).csv"
- To "brennan.csv"
- In your web browser, go to the data/ subdirectory in this repository
- Click the "Upload Files" button and upload your brennan.csv file
- Make a comment and commit * In your comment, please try and summarize the changes that were made to the dataset.
- On the same Google spreadsheet as above, select the "Tooltips" tab
- Make necessary changes
- Select "File"
- Select "Download as.."
- Select "Comma-separated values (.csv, current sheet)"
- Confirm the file should be saved.
- Using Windows Explorer or Finder, as appropriate, go to the Downloads folder (or wherever the csv was saved)
- Rename the csv file
- From: "Judicial Selection Dataset (Tooltips).csv"
- To: "reference.csv"
- In your web browser, go to the data/ subdirectory in this repository
- Click the "Upload Files" button and upload your reference.csv file
- Make a comment and commit
- In your commit message, please summarize the changes that were made to the dataset
The various colors in use on the site are configurable in one css stylesheet file. Click the pencil icon, which will then let you edit the file. When you are ready to commit, please put a brief description/reason for your change, and then click "Commit"
The introduction text is currently divided into three columns on a desktop view. Each column is contained in a separate file. So, simply go into the _introduction directory and edit the file which corresponds to the column that you want to change. It should adjust to give you the same number of columns as the number of files in the directory, so delete a file for two columns, etc. Note: "{:target=_blank}" opens the link in a new tab.
To edit the file, click on its name, then click on the pencil icon. Please make sure to put a brief description/reason for your change when you commit the change. Use markdown to format the text. Markdown is easy to learn and easy to read by both humans and computers.
These are all configured in the _config.yml file
Ensure you have an account to track this site. From there, you can paste the cookie ID (beginning with "UA-") into the _config.yml file as well.
The main functionality of the visualization is written in javascript, using the d3.js library. Thus, modification of code will require the services of someone familiar with javscript, and comfortable with d3.js. More instructions in the wiki.