13. What is Ukiyo-e?
- Japanese woodblock prints (mostly) produced in
Edo period (江戸時代)
- Means “Pictures of the floating world”
- Kabuki actors, 美人画 (pictures of beautiful women), landscapes, etc.
- One of the most popular Japanese art forms in
the world
- In Japan, it was a popular culture in17-18
centuries, and re-discovered as art by Europeans
14. (Post) Impressionism and Japonisme
Madame Monet in a Japanese kimono. Claude Monet. !
1875, Museum of Fine Arts, Boston
La courtisane (after Eisen), Vincent van Gogh, 1887
15. Sudden Shower Over Shin-Ohashi Bridge and Atake
(名所江戸百景 大はしあたけの夕立)
by Hiroshige (歌川広重)
16. Bridge in the rain (after Hiroshige)
by Vincent van Gogh
17.
18. Meta-database of Ukiyo-e for Fun
- He is a big fan of Japanese art
- One day, he noticed there is no central
repository of ukiyo-e
- Then, let’s make one as a fun project…
19.
20.
21. Source Web Site
WebKit
PhantomJS
CasperJS
SpookyJS
XML Files MongoDB Log
libxml & xpath
MongoDB
Data
Processing
Script
Artists Data Image Data
Consolidate Date and
Artist Data
Add to the site
Pipeline
Built on node.js
27. Collaboration with Frick Collection
- While he was building this DB, he found a
lot of errors in the museums’ databases
- Image similarity search
- He contacted them and curators are
impressed by his work
- Collaboration: Image/graph analysis of
Frick Collection and metadata update
- Graph analysis with Neo4j / Cypher
28. Summary
- Today, we can build this level of complex
data analysis pipeline only with JavaScript
- Node.js as a workflow engine
- Write Code Every Day
- http://ejohn.org/blog/write-code-every-day/
30. Using D3 with Backbone, Angular and Ember
- Sam Selikoff
Lyra: An Interactive Visualization Design Environment
- Arvind Satyanarayan
Python in the Browser Age: Data Exploration in the IPython
Notebook
- Jake Vanderplas
Selected Talks
31. Using D3 with Backbone, Angular and Ember
Sam Selikoff
33. D3.js + MV* Frameworks
- D3.js visualization code tend to be procedural
- For large scale development, encapsulate it
- Then embed the code by following the
framework’s idioms
37. What is Lyra?
- Node.js based tool to create custom
visualization without coding
- “Lyra is an interactive environment that enables custom visualization design
without writing any code.“
- Targeting somewhere between D3.js and Excel
- Pre-alpha status
39. Custom Visualizations without Coding
- It is interesting, but challenging
- Complex UI
- Learning curve
- But worth trying to satisfy demands of complex
visualizations
40. Python in the Browser Age: Data Exploration in the
IPython Notebook
Jake Vanderplas
41.
42. - Most of the core commuters are scientists
- Tool for scientists by scientists
- Goal: Reproducible Science
IPython and Notebook
49. Tips: New Presentation Style
with IPython Notebook
- Write demo code and descriptions as an
IPython Notebook
- Upload it to gist
- Open it with nbviewer
- http://nbviewer.ipython.org/
- Also, the audience can directly clone the repository and play with their
local machine
51. Summary
- Tons of interesting new projects are going on
outside of Java world
- Some of the tools are extremely important for us
- IPython Notebook
- D3.js
- We need to keep watching them…