Eric Bréchemier eric-brechemier

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 11:55
                — forked from mbostock/.block
            
          
    This stacked area chart is constructed from a TSV file storing the market share of several popular web browsers over the last year. Data is from Clicky Web Analytics. The chart employs conventional margins and a number of D3 features:

d3.tsv - load and parse data
d3.time.format - parse dates
d3.format - format percentages
d3.time.scale - x-position encoding
d3.scale.linear - y-position encoding
d3.scale.category20, a d3.scale.ordinal - color encoding
[d3.extent](https://github.com/mbostock/d3/wiki/Arrays#wiki-d3_exten


## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 11:55
                — forked from mbostock/.block
            
          
    This scatterplot is constructed from a TSV file storing the dimensions of sepals and petals of various iris flowers. The chart employs conventional margins and a number of D3 features:

d3.tsv - load and parse data
d3.scale.linear - x- and y-position encoding
d3.scale.ordinal - color encoding
d3.extent - compute domains
d3.svg.axis - display axes


## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 11:39
                — forked from mbostock/.block
            
          
    For continuous data such as time series, a streamgraph can be used in place of stacked bars. This example also demonstrates path transitions to interpolate between different layouts. Streamgraph algorithm, colors, and data generation inspired by Byron and Wattenberg.

  
## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 11:37
                — forked from mbostock/.block
            
          
    Enclosure diagrams use containment to represent the hierarchy. Although circle packing is not as space-efficient as a treemap, it better reveals the hierarchy. Implementation based on work by Jeff Heer. Data shows the Flare class hierarchy, also courtesy Jeff Heer.
See also this zoomable version.

  
## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 11:37
                — forked from mbostock/.block
            
          
    Bubble charts encode data in the area of circles. Although less perceptually-accurate than bar charts, they can pack hundreds of values into a small space. Implementation based on work by Jeff Heer. Data shows the Flare class hierarchy, also courtesy Jeff Heer.

  
## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 11:34
                — forked from mbostock/.block
            
          
    A dendrogram is a node-link diagram that places leaf nodes of the tree at the same depth. In this example, the classes (leaf nodes) are aligned on the right edge, with the packages (internal nodes) to the left. Data shows the Flare class hierarchy, courtesy Jeff Heer.
Compare to this Cartesian layout.

  
## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 11:26
                — forked from mbostock/.block
            
          
    A sunburst is similar to the treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by John Stasko. Data courtesy Jeff Heer.

  
## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 10:40
                — forked from mbostock/.block
            
          
    Switch between stacked and grouped layouts using sequenced transitions! Animations preserve object constancy and allow the user to follow the data across views. Animation design by Heer and Robertson. Colors and data generation inspired by Byron and Wattenberg.

  
## index.html
<!DOCTYPE html>
<html>
  <head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<title>Self Organizing Maps</title>

		<script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
		<script type="text/javascript" src="http://d3js.org/d3.hexbin.v0.min.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.js"></script>

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                eric-brechemier
                / README.md
            
            
              Created
              April 29, 2014 10:30
                — forked from mbostock/.block
            
          
    An example of the d3.geom.contour plugin.
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<title>Self Organizing Maps</title>

	<script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
	<script type="text/javascript" src="http://d3js.org/d3.hexbin.v0.min.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.js"></script>