D3 and imagemagick-based dynamic image display
HTML Python R Makefile
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
d3-grid
.gitignore
LICENSE
Makefile
Parse Photogrammar metadata.ipynb
README.md
addPRComp.R
imageConvert.py
index.html
photogrammarParse.py
timeScraper.py

README.md

Coverspace

D3 and imagemagick-based dynamic image display.

Coverspace came out of conversations between Peter Leonard, Lauren Tilton, and Ben Schmidt surrounding the THATCamp New England session on "Image analytics"/"Screwing around with non-text."

Example browsers (feel free to add one)

OWI photographs

Creating an instance

  1. Clone this repository (into your webserver directory, if you have one)
  2. Create an image directory called "images" and fill it with jpgs. (Other imagetypes are trivial to support)
  3. Run "make". (Or just execute the one python line in the makefile)
  4. Open up index.html in your browser. (You have to do with a running webserver, unfortunately--the flat file won't load
  5. Open the page in a web browser, and click around. (For the example: go to http://localhost:8018)

Creating an instance without a webserver on a Mac: When in the directory in terminal, just type:

python -m SimpleHTTPServer 8018 &
open http://localhost:8018

Dependencies:

  • python w/ wand library
  • ImageMagick

Notes

Currently, you CAN sort on the filename: so if you make your filenames into something useful (eg datestamps) you can arrange by date.

TODO

  1. Allow user-generated metadata to be keyed against the filenames (so we can sort by year, for instance.)
  2. Zoom in on a particular region (probably by actually expanding the display area of the page, though there are other options.)
  3. Incorporate filtering based on metadata.
  4. Add entropy to the color distribution elements.
  5. Think about how subdivisions of the images might be useful for something or other.
  6. ???
  7. Allow underscores in filenames.