Name		Name	Last commit message	Last commit date
parent directory ..
examples		examples
LICENSE		LICENSE
README.md		README.md

README.md

Intro to Chiasm.js

Curran Kelleher 10/7/2015 South Bay JS Meetup

What's the Point of Chiasm?

Component framework
- interactive graphics
- data loading
- data transformation
- data visualization
Application platform
- instantiating and configuring components
- mapping data to visualizations
- responding to browser resize
- linking visualizations together

Code Examples

Check out the Example Viewer. Use left and right arrow keys to navigate.

Example 1 - Hello World
Example 2 - Dynamic HTML
Example 3 - Introducing Model.js
Example 4 - Hello D3
Example 5 - D3 + Model.js Component Pattern
Example 6 - Hello SVG
Example 7 - Lifting the box
Example 8 - Responding to resize
Example 9 - Lifting color
Example 10 - Adding interaction
Example 11 - Introducing Chiasm
Example 12 - Componentizing layout
Example 13 - Introducing chiasm-component
Example 14 - Introducing chiasm-layout
Example 15 - Nested Box Layout
Example 16 - Splitting into files
Example 17 - Using addPublicProperty
Example 18 - Reactive mixins
Example 19 - Encapsulating the D3 Margin Convention
Example 20 - Adding an X Axis
Example 21 - Density based ticks
Example 22 - Adding an Axis Label
Example 23 - Adding a Y Axis
Example 24 - Isolating mixins
Example 25 - Loading CSV Data
Example 26 - Scatter Plot
Example 27 - Generalizing data loading
Example 28 - Loading Data the Chiasm Way
Example 29 - Bar Chart
Example 30 - Line Chart
Example 31 - Multiple visualizations
Example 32 - Focus + Context Line Charts

Feel free to use and modify this presentation framework for your own presentations! MIT License.

By Curran Kelleher October 2015