Comments (3)
Here are two ways of implementing this:
Thumbnails
Each image takes up the same space and is shown on a thumbnail grid. The screenshot is an early version: I still have to update the CSS so that portrait images take up the same space. Does not require any additional library.
Mosaic
Images are shown as a mosaic. Needs an additional library. The simplest library (Salvattore.js) makes a mosaic by grouping the images in columns. The disadvantage is that it doesn't take into consideration the image height, some columns (e.g. second one) are much higher than others. Another library (Masonry.js) exists, but I had overlapping images and it will probably take too much time to make it work for this POC.
So, what's your preference: simple thumbnail grid or mosaic with some issues?
from gbif-dataset-metrics.
I'll pick this up again in this release.
from gbif-dataset-metrics.
This is now part of the code and works. Because of some issues in extracting #86, many broken images are still shown.
from gbif-dataset-metrics.
Related Issues (20)
- Add metrics for SAMPLING_EVENT datasets with occurrences
- Get metrics from facets
- Please update stats of http://www.gbif.org/dataset/83598aa6-f762-11e1-a439-00145eb45e9a/stats HOT 3
- please re-process TNHC Ichthyology GBIF data set HOT 4
- Request for metrics HOT 2
- improve taxonomic overview HOT 1
- Request for metrics HOT 4
- Update metrics for Belgium HOT 1
- Sample of images: url HOT 9
- Run aggregator on EC2
- Reduce vulnerability with HTTPS on CartoDB
- Push code to gh-pages HOT 1
- Move data to production
- Updated metrics HOT 1
- http://www.gbif.org/dataset/3c428404-893c-44da-bb4a-6c19d8fb676a/stats HOT 3
- Recursive loop never ends when number of downloads is too low
- Update metrics request: INBO Bird tracking dataset HOT 7
- updating of metrics HOT 4
- Dataset metrics, please HOT 7
- Let's update metrics from Belgian datasets HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gbif-dataset-metrics.