WillTurman’s gists

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
              WillTurman
            / README.md
          
          
            Last active Jul 8, 2016
          
          
            D3 v4 Stacked Bar Chart with Negative Values - CFNAI Data
          
        
      View README.md
  
    
    D3 v4 Stacked Bar Chart with Negative Values

A #d3js stacked bar chart that supports a mix of positive and negative values.  

Data is from the Chicago Fed National Activity Index

The line represents the 3 month moving average of the compiled CFNAI components.

  
## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

body {
  font: 10px sans-serif;
}

.axis path,
.axis line {

## Readme.md

      
              3 files
            
          
              11 forks
            
          
              2 comments
            
          
              7 stars
            
          
              WillTurman
            / Readme.md
          
          
            Created Jan 25, 2013
          
          
            D3 Interactive Streamgraph
          
        
      View Readme.md
  
    
    D3 Streamgraph Example

Series Hover

The series hover interactivity uses the technique from lgrammel seen here: http://bl.ocks.org/1963983

Data Tooltip

It isn't necessarily a tooltip, but data is displayed by inverting the x-axis value into a date, and mapping the date to the corresponding data value for the series.