D3.js - Kai Chang

Attending

• <++>

Kai Chang

Kai Chang is an experienced used of D3.js, design technologist at Stamen Design and co-organizer of the Bay Area D3.js User Group.

D3.js for building Exploratory Visualization Tools

Who is here? Why are you interested in D3.js?

• Data journalists?
• Data scientists?
• Real scientists?

Speaker Links

• syntagmatic’s blocks
• Twitter

D3.js Resources

• Mike Bostock’s Interactive Essays
• mbostock’s blocks
• Jason Davies Gallery
• Big List of D3.js Examples
• D3.js API Reference

Parallel Coordinates

• Protovis Parallel Coordinates
• D3.js Parallel Coordinates
• Veggie Coordinates
• Nutrient Explorer
• Fisheye Nutrient Explorer
• d3.parcoords.js
• EcoEngine Parallel Coordinates
• SCN-STOCK Contig Taxonomy
• CN-SCN Contig Taxonomy
• CARROL Contig Taxonomy

EcoEngine

• Project Description
• EcoEngine API
• D3.js Prototypes

Metagenomics

Parallel Coordinates

• SCN-STOCK Contig Taxonomy
• CN-SCN Contig Taxonomy
• CARROL Contig Taxonomy

Radial Tree

• SCN-STOCK Radial Tree
• CN-SCN Radial Tree
• CARROL Radial Tree

Treemap

• SCN-STOCK Treemap
• CN-SCN Treemap
• CARROL Treemap

Partition Layout

• SCN-STOCK Partition
• CN-SCN Partition
• CARROL Partition

Specific D3.js Techniques

• d3-hierarchy
• General Update Pattern - one of the big D3.js learning hurdles
• Perceptual Color Spaces
• Bivariate Hexbin
• Dynamic Projections

Code examples can be found here.

Lightning Talks

<+ person +> : <+ topic +>

<+ person +> : <+ topic +>