PublicDataLab / image-explorer

A set of browser-based tools for the visual exploration of image collections.
0 stars 2 forks source link
cross-platform-analysis digital-methods image-analysis javascript p5-js p5-sketches p5js p5js-experiment research-tool visual-methods

๐ŸŒŒ๐Ÿž๐ŸŽ‘๐ŸŒ‡๐ŸŒ๐Ÿ”ญ

The poor image is a copy in motion. Its quality is bad, its resolution substandard. As it accelerates, it deteriorates. It is a ghost of an image, a preview, a thumbnail, an errant idea, an itinerant image distributed for free, squeezed through slow digital connections, compressed, reproduced, ripped, remixed, as well as copied and pasted into other channels of distribution.

โ€“โ€“ Steyerl, H. (2012). In Defense of the Poor Image. In The Wretched of the Screen. Berlin: Sternberg Press.


Image Explorer is a set of browser-based tools for the visual exploration of image collections.

๐Ÿฅž Image Stack

Enables the creation of an "image stack" from a set of image URLs.

Follows from recent work on "composite images" (Pearce et al, 2018; Niederer & Colombo, 2019).

๐Ÿ‰ Image Slice

Enables the creation of an "image slice" from a set of image URLs.

๐Ÿน Image Blend

Enables the creation of an "image blend" from a set of image URLs, including experimentation with different P5 blend modes.

๐Ÿฑ Image Grid

To do: Enables the creation of an "image grid" from a set of image URLs, including the display of a larger version of the image on click/rollover. See roadmap.

๐ŸŽ’ How to use

๐Ÿ˜ธ On Github

You can use on the web at https://image-explorer.publicdatalab.org/

๐Ÿงฎ On P5 web editor

You can run on P5 web editor, where you can login/create an account and duplicate and customise the code to add your own URLs and change variables.

๐Ÿ“ฆ Download and run locally

You can download the repository, modify P5 files and open using a web browser.

๐ŸดFork the code on GitHub

You can fork the repository, modify accordingly, preview using GitHub Pages and suggest changes with a pull request.

๐ŸŽ How to help

You can see the roadmap here.

๐Ÿ™ˆ If you get stuck

You can add an issue here.

๐Ÿ™ Inspiration, acknowledgments and contributors

Image Explorer is inspired by recent work on visual methods in the context of internet studies and new media research. It is created using P5.js and intended to work alongside other web-based tools and libraries for repurposing web and social media data such as those from the Digital Methods Initiative and the mรฉdialab, Sciences Po, Paris.

The project was prompted by a set of visual methods recipes from Gabriele Colombo drawing on his doctoral work exploring the design of composite images. These recipes were documented and refined for a module on Digital Methods for Internet Studies: Concepts, Devices and Data convened by Liliana Bounegru and Jonathan Gray at the Department of Digital Humanities, King's College London, leading to a set of collaborative group projects with their students and the European Forest Institute. The approaches behind these recipes draw on several years of experimentation with images in the context of research and teaching at the Visual Methodologies Collective (Amsterdam University of Applied Sciences), the Digital Methods Initiative (University of Amsterdam), DensityDesign Lab (Politecnico di Milano), the mรฉdialab (Sciences Po, Paris) and beyond. You can read more about this in the readings listed below, in particular Colombo, 2019; Niederer, 2018; and Niederer & Colombo, 2019.

This initial prototype was developed by Jonathan Gray thanks to support from the Arts & Humanities Research Institute at King's College London and through collaborations and conversations with Gabriele Colombo, Liliana Bounegru and Michele Mauri.

๐Ÿ“– Readings and links

Further readings can be found in the visual methods Zotero bibliography. Further visual methods recipes can be found here.