publicdatalab / image-explorer Goto Github PK
View Code? Open in Web Editor NEWA set of browser-based tools for the visual exploration of image collections.
A set of browser-based tools for the visual exploration of image collections.
The slider can be adjusted to set image transparency between 0 and 255 (using P5 tint
function), but these values are not displayed.
Ideally there should be a text box which:
For functions involving smaller image thumbnails, add feature to click on them for a bigger / higher resolution version.
At the moment images are provided by URLs in the function preload()
section of the sketch.js file. See here for an example.
Ideally users could provide a set of image URLs in the browser, for example by:
This could also mean that the same set of URLs (and subsets thereof) could be transformed in different ways using different functions, possibly by converting what are currently separate scripts into a single library, and having different phases or different areas of the screen for configuring and previewing the outputs (as mentioned in issue #9).
DMI Google Reverse Image scraper tool
Bernhard Rieder's Rankflow tool
Density Design et al's RawGraphs tool
Enable the creation of an “image blend” from a set of image URLs, including experimentation with different P5 blend modes.
In Firebox the saveCanvas
function saves a file with dimension of stacksize
(width and height of the image), whereas in Chrome it seems to includes a black band around the outside, presumably canvassize
which is currently defined as stacksize
+ canvasspace
.
Update: Behaviour now appears consistent across browsers (perhaps issue identified above was a caching problem): both Firefox and Chrome save canvas based on canvassize
(which is what you'd expect from the code). Ideally the save function should only export stacksize
as per the following.
When users click on "save image" button saveCanvas
function exports canvassize
which is currently defined as stacksize
+ canvasspace
.
When users click on "save image" button they should ideally be able to export the area currently defined as stacksize
, excluding the canvasspace
area which has been included to allow space for save button, sliders, dropdown menus and other user interface features to customise and adjust the image.
This could possibly be addressed by splitting into two phases and/or screen areas:
At the moment the image downloads automatically. Create a button to trigger download (possibly after adjustment of settings).
At the moment the image transparency is set as a variable at the start of the script. Explore possibility of creating a slider to enable the user to set transparency level for images in the stack.
Optional:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.