block by EE2dev 69c42b901d0ed52d480a

item explorer - data format - example 5

Full Screen

An example of the required format for item explorer. This example shows how to use all column features together.

More examples

The main example is here.

Complete list of examples:

  1. Data formatting

  2. Including data

  3. Visualization options

index.html

<!DOCTYPE html>	
<meta charset="utf-8">
<head>
  <link rel="stylesheet" type="text/css" href="//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="//www.ankerst.de/lib/itemExplorer_10.min.js"></script>
</head>

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

items_5cld.csv

_customers,B-jui:LN=Beverages - juice:CO=rgb(128 177 211):DI=items,B-wat:LN=Beverages - water:CO=rgb(128 177 211):DI=items,B-bee:LN=Beverages - beer:CO=rgb(128 177 211):DI=items,B-mil:LN=Beverages - milk:CO=rgb(128 177 211):DI=items,B-win:LN=Beverages - wine:CO=rgb(128 177 211):DI=items,F-egg:LN=Food - eggs:CO=rgb(252 141 98):DI=items,F-cer:LN=Food - cereal:CO=rgb(252 141 98):DI=items,F-can:LN=Food - candy:CO=rgb(252 141 98):DI=items,F-mea:LN=Food - meat:CO=rgb(252 141 98):DI=items,F-fis:LN=Food - fish:CO=rgb(252 141 98):DI=items,F-fru:LN=Food - fruit:CO=rgb(252 141 98):DI=items,F-veg:LN=Food - vegetable:CO=rgb(252 141 98):DI=items,F-che:LN=Food - cheese:CO=rgb(252 141 98):DI=items,O-flo:LN=Other - flowers:CO=rgb(127 201 127):DI=items,O-mag:LN=Other - magazines:CO=rgb(127 201 127):DI=items,O-hyg:LN=Other - hygiene:CO=rgb(127 201 127):DI=items,O-cos:LN=Other - cosmetics:CO=rgb(127 201 127):DI=items,cash:LN=cash:CO=rgb(190 190 190):DI=payment method,credit:CO=rgb(190 190 190):DI=payment method,debit:CO=rgb(190 190 190):DI=payment method
200000,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0
100000,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,0
100000,0,0,0,0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0,1
100000,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0
100000,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,0,1,0