Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mgschoen/picpic-explorer
Web UI for the data behind PicPic, an automatic image selection tool for news articles
https://github.com/mgschoen/picpic-explorer
computational-linguistics ffnn image-selection keyword-extraction machinelearning neural-networks news-articles single-page-app training-data
Last synced: about 1 month ago
JSON representation
Web UI for the data behind PicPic, an automatic image selection tool for news articles
- Host: GitHub
- URL: https://github.com/mgschoen/picpic-explorer
- Owner: mgschoen
- Created: 2018-07-22T21:07:51.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-04-04T15:15:27.000Z (9 months ago)
- Last Synced: 2024-10-15T02:47:09.052Z (3 months ago)
- Topics: computational-linguistics, ffnn, image-selection, keyword-extraction, machinelearning, neural-networks, news-articles, single-page-app, training-data
- Language: Vue
- Homepage: https://picpic-explorer-demo.netlify.app/
- Size: 2.37 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PicPic Explorer
A little Vue app I used for data analysis in my bachelor's thesis.
[PicPic](https://github.com/mgschoen?tab=repositories&q=picpic&type=&language=&sort=) is a set of applications that automatically select images for news articles. It uses multiple approaches such as pre-trained neural networks and static keyword extraction to create a search query that can be used in image databases.
I trained the neural networks from scratch on a [corpus of 20,000 scraped articles from the BBC](https://github.com/mgschoen/gettygetter). While analysing and refining the training and extraction approaches, I used this explorer application to make sense of the huge dataset.
PicPic Explorer originally consumed data from a [self-written NodeJS backend](https://github.com/mgschoen/picpic-api) that served content from MongoDB and used Bing Image Search for displaying image suggestions. Most of this is not working anymore, but you can get a sense of how it worked in this static demo: https://picpic-explorer-demo.netlify.app/
![](./static/images/picpic-explorer-2.png)
## Usage
Uses NodeJS 10.
``` bash
# install dependencies
yarn install# serve with hot reload at localhost:8080
yarn run dev
yarn run dev-demo # alternative, runs the demo application# build for production with minification
yarn run build
yarn run build-demo # alternative, builds the demo application
```## More screenshots!
![](./static/images/picpic-explorer-1.png)
![](./static/images/picpic-explorer-3.png)