README.md

## README.md

      
          Raw
        
        
              README.md
            
          
    An example of the visualization options for item explorer. 
Each visualization option is a function which returns the itemExplorerChart object, thus it allows method chaining. 

In this example, the thousands separator is set to ".", and the tick format is set to "s". The thousands separator "." causes the decimal separator (of the percentages in the info and exploration panels) to be ",". The tick format "s" refers to the SI-prefix format type.

More examples

The main example is here.

Complete list of examples:


Data formatting


basic data structure
basic data structure with added colors
basic data structure with long names
basic data structure with dimensions
basic data structure with all column features

Including data


standard reference to csv file
reference to data embedded in html file
preprocessing csv file before passing it on
preprocessing embedded data before passing it on

Visualization options


changing the thousands separator and the tick format


## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<head>
  <link rel="stylesheet" type="text/css" href="http://www.ankerst.de/lib/itemExplorer_10.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
  <script src="http://www.ankerst.de/lib/itemExplorer_10.min.js"></script>
</head>

<body>
  <script>
    var myIEChart = itemExplorerChart("/ee2dev/raw/a3ee04578325668bd3f8/items_all.csv").thousandsSeparator(".").tickFormat("s");
    showChart();

    function showChart() {
      d3.select("body")
        .append("div")
        .attr("class", "chart")
        .call(myIEChart);
    }
  </script>
</body>
</html>

## thumbnail.png

      
          Raw
        
        
              thumbnail.png