Visualized Conference and jQuery Conference

1,506 views

Published on

Summary of

Published in: Software, Technology, Education
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,506
On SlideShare
0
From Embeds
0
Number of Embeds
439
Actions
Shares
0
Downloads
9
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Visualized Conference and jQuery Conference

  1. 1. Trends in Data Visualization and Client Side Technologies Keiichiro Ono Visualized Conference and jQuery Conference Report
  2. 2. Background - We are (mainly) working on client-side applications: Cytoscape - And we still live in old world… - Java desktop application - Need to learn new technologies for long- term goals - SOA / Cytoscape CI
  3. 3. Client-Side Technology - Java is dying in this field... - If you want to survive in this field, you need to learn emerging technologies - JavaScript, HTML5, CSS3, WebGL - Also, client-side programmers now need some design skills - Flat Design, UX Design Principles
  4. 4. Conferences Attended - Visualized in New York - jQuery Conference in San Diego
  5. 5. - Conference about: - Data Visualization - Design - Technology - Some politics Visualized
  6. 6. - Web is the data visualization platform - Mature enough for real-world problems - Fat backend (cloud/cluster) and fat client (browser) - Design do matter - Usability / UX Summary
  7. 7. Selected Talks
  8. 8. Jan Willem Tulp
  9. 9. Close Votes
  10. 10. The Flavor Network
  11. 11. Giorgia Lupi accurat.it
  12. 12. Aesthetics - Not changing so rapidly - Learn from familiar aesthetics
  13. 13. Peter Olson VP, Web and Application Development at Marvel
  14. 14. Marvel API
  15. 15. Marvel API
  16. 16. { "id": 1009610, "name": "Spider-Man", "description": "Bitten by a radioactive spider, high school student Peter Parker gained the speed, strength and powers of a spider. Adopting the name Spider-Man, Peter hoped to start a career using his new abilities. Taught that with great power comes great responsibility, Spidey has vowed to use his powers to help people.", "modified": "2013-10-24T13:52:13-0400", "thumbnail": { "path": "http://i.annihil.us/u/prod/marvel/i/mg/ 3/50/526548a343e4b", "extension": "jpg" }, "resourceURI": "http://gateway.marvel.com/v1/public/ characters/1009610", "comics": { "available": 2576, "collectionURI": "http://gateway.marvel.com/v1/ public/characters/1009610/comics", "items": [
  17. 17. Visualizing Marvel Universe
  18. 18. Graph Visualization Outside of Biology - Gephi is the winner - Some possible reasons: - Built-in clustering and its visualization - Nice presets
  19. 19. Mike Pell Sr. Experience Designer at Microsoft
  20. 20. His Points - “Make things talk” - Summarize themselves - Easy round-trip from overview to details - Never create hairball
  21. 21. Importance of Affordance - Easy discoverability of possible actions (in HCI) - Example: door knob - turn, pull, push - Don’t make users think
  22. 22. Know Users - Skeuomorphism to flat - Users are mature enough to understand what to do with the flat buttons
  23. 23. Moritz Stefaner
  24. 24. Just as the microscope made it possible for the naked human eye to see cells, microbes, and viruses, thereby advancing biology and medicine, and just as the telescope opened the human mind to the immensity of the cosmos and the conquest of space—the macroscope promises to help make sense of yet another dimension—the infinitely complex. Plug-and-Play Macroscopes By Katy Börner Communications of the ACM, Vol. 54 No. 3, Pages 60-69
  25. 25. Data Visualization != Fancy Information Graphics - UX or interactive design is important when we design tools
  26. 26. Jonathan Corum New York Times Science Graphics Editor
  27. 27. MARS CURIOSITY ROVER TRACKER
  28. 28. Tools
  29. 29. Tools for Rapid Production - Python for data gathering/cleansing - R/Pandas for analysis - Visualized by D3.js (JavaScript) - Publish workflow with IPython Notebook
  30. 30. Alexander Chen
  31. 31. Sample Project
  32. 32. Overall Comments
  33. 33. Comments - Main players in this field are designers who can code - Beautiful, but too specific to the problem - Reusability/Modularity - D3.js is so popular in this area because of this
  34. 34. What can we do? - Modular and reusable libraries and toolkits are still missing - As software developers, we can work on this problem - Bio.JS (EBI)
  35. 35. jQuery Conference - Not only for jQuery - JS and related technologies - Server-side JavaScript - Data Visualization - More technical details, rather than meta-discussion
  36. 36. Data Visualization Technologies - C++ and Java are still important languages for high-end scientific data visualization applications - Computational Fluid Dynamics - Meteorology
  37. 37. - However, JavaScript is now powerful enough for many data visualization needs today - Bar/Pi charts - Scatter plots - Node-link diagrams (networks) - Today, the main tool for data visualization is JS
  38. 38. Use Right Technology: Past - Simple - JavaScript - Medium Complexity - Flash/Java Web Start/Applet - High-end - Desktop Applications witten in C++
  39. 39. Use Right Technology: Today - Simple/Medium Complexity - JavaScript with Canvas/SVG/WebGL - High-end - C++ with OpenGL
  40. 40. What are JS folks doing now? - In some sense, they are repeating what we have done in Java world - Unit test frameworks (Karma/Mocha/Jasmin) - Build System (Grunt = Maven) - Static code analysis - Continuous integration - Languages compiled to JS - CoffeeScript/TypeScript/Haxe/etc.
  41. 41. Sample Talks
  42. 42. JS for Large Scale Application - JavaScript was not designed for large- scale application development - JS developers are making tools to handle this problem - Is JS ready for it? - Yes

×