Upload File

html5 & visualization

34
HTML 5 & Visualization The Future of Data on the Web Jeff Larson ProPublica propublica.org @thejefflarson Len De Groot Knight Digital Media Center kdmc.berkeley.edu @lendegroot

Upload: kdmcberkeley-at-uc-berkeley

Post on 29-Jan-2018

1.669 views

Category:

Technology


0 download

Report

TRANSCRIPT

Page 1: HTML5 & Visualization

HTML 5 & VisualizationThe Future of Data on the Web

Jeff LarsonProPublicapropublica.org@thejefflarson

Len De GrootKnight Digital Media Centerkdmc.berkeley.edu@lendegroot

Page 2: HTML5 & Visualization

HTML5 vs. HTML

HTML5 vs. HTML

Page 3: HTML5 & Visualization
Page 4: HTML5 & Visualization

JSON & GeoJSON

Page 5: HTML5 & Visualization
Page 6: HTML5 & Visualization
Page 7: HTML5 & Visualization
Page 8: HTML5 & Visualization
Page 9: HTML5 & Visualization
Page 10: HTML5 & Visualization
Page 11: HTML5 & Visualization
Page 12: HTML5 & Visualization
Page 13: HTML5 & Visualization
Page 14: HTML5 & Visualization

Data storage

Page 15: HTML5 & Visualization

Canvas vs. SVG

Page 16: HTML5 & Visualization
Page 17: HTML5 & Visualization
Page 18: HTML5 & Visualization
Page 19: HTML5 & Visualization
Page 20: HTML5 & Visualization
Page 21: HTML5 & Visualization
Page 22: HTML5 & Visualization
Page 23: HTML5 & Visualization
Page 24: HTML5 & Visualization
Page 25: HTML5 & Visualization
Page 26: HTML5 & Visualization
Page 27: HTML5 & Visualization
Page 28: HTML5 & Visualization
Page 29: HTML5 & Visualization
Page 30: HTML5 & Visualization

Webkit

Page 31: HTML5 & Visualization

Resources

Page 32: HTML5 & Visualization
Page 33: HTML5 & Visualization
Page 34: HTML5 & Visualization

developers.whatwg.org


JSAV: the JavaScript algorithm visualization librarypeople.cs.vt.edu/~shaffer/Papers/p159-karavirta.pdf · JSAV: The JavaScript Algorithm Visualization Library ... be used with HTML5-based

3D DATA VISUALIZATION Chapter Meeting SIGGRAPH 2017/9...Jul 31, 2017  · 3D Data Visualization using HTML5/X3D •Define drawing primitives for five kinds visualizations of big data

Html5 more than just html5 v final

Statistical storytelling using HTML5 Interactive Visualization · Statistical storytelling using HTML5 Interactive Visualization CEO and Prof Mikael Jern PhD Patrik Lundblad . World

NY HTML5 - Game Development with HTML5 & JavaScript

Browser Visualization using PNGs Generated by HTML5 Workers on Multicore

HTML5 DESKTOP · 2016-02-23 · HTML5 components, KoolChart, KoolGrid and KoolMap are the perfect combination for your data visualization projects in Desktop and Mobile environments

Techniques for Flexible Responsive Visualization Designidl.cs.washington.edu/files/2020-ResponsiveVis-CHI.pdf · 16]. HTML5 and CSS3 are popular standards to implement responsive

Html5 + css3+ java script for future - HTML5

HTML5 DevConf 2014 - Workflow when Making HTML5 Games

Social Data Visualization with HTML5 and JavaScript - · PDF fileSocial Data Visualization with HTML5 and JavaScript . The world is an interesting place, about this there can be no

Video Gallery Visualization Based on HTML5rossiter/independent_studies_projects/video... · Video Gallery Visualization Based on HTML5 . Student ... move disordered cardto its target

Integrating Kendo UI with SharePoint 2010. What is Kendo UI Integrated Application Framework for Javascript / HTML5 Widgets Data Visualization Mobile

Open Standards for Parallel Processing and Data … · Open Standards for Parallel Processing and Data Visualization ... - Portable 3D visualization in HTML5 ... provide target back-end

Khoi Ngo Nguyen HTML5 OVERVIEW. Outline History about HTML & HTML5 Advantage & Disadvantage of HTML5 HTML5 Overview HTML5 Training Plan Introduction Q&A

Easy HTML5 Data Visualization with Kendo UI DataViz

[HTML5 CONVERSION] BEST HTML5 TEMPLATES TO INSPIRE YOU

[MS-HTML5]: Microsoft Edge / Internet Explorer HTML5 ......2.1.55 [HTML5] Section 4.9.5 The tbody element ..... 55 2.1.56 [HTML5] Section 4.9.8 The tr element..... 55 2.1.57 [HTML5]

Sergey’s HTML5 · design and development, creative direction, information architecture, interactive media, and enterprise applications with rich data visualization and advanced

HTML5-CanIuse 1 HTML5-Tags Ordered Alphabetically 6 HTML5 ...vb-net.com/TrudoPoisk/HTML5-DOC-2.pdf · HTML5-CanIuse 1 HTML5-Tags Ordered Alphabetically 6 HTML5-Element Reference 12

HTML5 Training in Hyderabad, BEST HTML5 Training Institute, HTML5 and CSS3 Training in Hyderabad

html5-1 - latemar.science.unitn.itlatemar.science.unitn.it/.../2018WebArchitectures/html5-17.pdf · HTML5 drag and drop should work across frames, and across browser windows. HTML5

3D DATA VISUALIZATION · 2017. 7. 31. · 3D Data Visualization using HTML5/X3D •Define drawing primitives for five kinds visualizations of big data analytics results •Classify

HTML5/CSS3 Course Introduction to HTML5 · HTML5/CSS3 Course Introduction to HTML5 Presenter: Msc. Luong Tran Hy Hien, FIT of HCMUP. 2 HTML5 = HTML + CSS + JS API. Contents •HTML5

Html5 viewer HTML5 office kukudocs

Evaluation of HTML5 Graphics for Data Structure Visualization Gevik Sarkissian Master’s Thesis California State University, Northridge May 9, 2014

HTML5 Programming Cookbook - kimbersoft.comkimbersoft.com/pdf/PRIVATE/HTML5-Programming-Cookbook.pdf · HTML5 Programming Cookbook vi Preface HTML5 is a core technology markup language

“HTML5”: more than just HTML5

HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]

HTML5 & JavaScript HTML5 JavaScript & HTML5 HTML5 HTML5 ...ec.nikkeibp.co.jp/item/contents/mokuji/m_229980.pdf · (JavaScript + HTML API) 72 Part2 HTML5 80 HTML5 File APIJs r Server-Sent

Microsoft’s Browser Roadmap€¦ · HTML5 Geolocation HTML5 History API HTML5 Parser HTML5 Sandbox HTML5 Selection HTML5 semantic elements HTML5 track HTML5 video and audio JavaScript

Data Visualization in HTML5 with jQuery & Wijmo

HTML5 3D Visualization - courses.isds.tugraz.at · [HTML5 2010]. The canvas element is basically a field within a browser with defined width and height, which can be used to ”draw”

Data Visualization & HTML5 - Swedish Edition

2D Information Visualization SVG and HTML5