An example of the required format for item explorer. This example shows how to color code items. Color can be used to denote items belonging together.
More examples
Complete list of examples:
Data formatting
Including data
Visualization options
| <!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("items_5c.csv"); | |
| showChart(); | |
| function showChart() { | |
| d3.select("body") | |
| .append("div") | |
| .attr("class", "chart") | |
| .call(myIEChart); | |
| } | |
| </script> | |
| </body> | |
| </html> |
We can make this file beautiful and searchable if this error is corrected: It looks like row 2 should actually have 17 columns, instead of 18.
| _customers,B-jui:CO=rgb(128 177 211)B-wat:CO=rgb(128 177 211),B-bee:CO=rgb(128 177 211),B-mil:CO=rgb(128 177 211),B-win:CO=rgb(128 177 211),F-egg:CO=rgb(252 141 98),F-cer:CO=rgb(252 141 98),F-can:CO=rgb(252 141 98),F-mea:CO=rgb(252 141 98),F-fis:CO=rgb(252 141 98),F-fru:CO=rgb(252 141 98),F-veg:CO=rgb(252 141 98),F-che:CO=rgb(252 141 98),O-flo:CO=rgb(127 201 127),O-mag:CO=rgb(127 201 127),O-hyg:CO=rgb(127 201 127),O-cos:CO=rgb(127 201 127) | |
| 200000,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1 | |
| 100000,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0 | |
| 100000,0,0,0,0,0,0,0,1,1,1,1,1,1,1,0,0,0 | |
| 100000,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1 | |
| 100000,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0,1,0 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment