JSFoo 2016

Tackling speed and performance for JavaScript

Curran Kelleher

@curran

Data Visualization in the Browser

Submitted Aug 15, 2016

I’d like to share some interactive data visualizations I have made using D3.js, and discuss future directions for Open Source work including building with React and D3 together.

Outline

  • Background Material
    • DOM Manipulation with D3
    • D3 API Docs
  • Things I’ve Made
    • A sample of around 5 visualization projects built using D3.
  • Dealing with Scale
    • Alternatives for managing large scale data
      • Sampling
      • Filtering
      • Aggregation
    • The Magic of Data Cubes
      • Slicing, Dicing
      • Drill-down
    • Case Study: ElasticSearch
      • Demo of Kibana-Chord plugin in action
      • Walk through the visualization code
      • Walk through the aggregation query generator

Requirements

Basic knowledge of JavaScript, HTML5, and Data Manipulation.

Speaker bio

Passionate about data visualization, data exploration, interactive graphics and Open Source. Specializing in design and development of interactive data visualizations for the Web. Also interested in data analysis, data presentation user interfaces, and (when required) full-stack Web development.

Slides

https://github.com/curran/screencasts/tree/gh-pages/dataVisInBrowser

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more