This shows how to adjust Mike Bostock's example of grouped bars such that you can separately sort the bars within groups or the groups themselves.
To separately sort the bars within groups see the comments A1 - A3. To sort the groups themselves see comment B1.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| .country { | |
| fill: green; | |
| stroke: darkgrey; | |
| stroke-width: .5px; | |
| stroke-linejoin: round; | |
| } |
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.
Complete list of examples:
An example of the required format for item explorer. This example shows how to use all column features together.
Complete list of examples:
An example of the required format for item explorer. This example shows how to use dimensions. Introducing different dimensions for the items typically means that each dimension is refering to something different. In this example dimensions distinguish between items (bought) and payment method. Using dimensions has two effects:
An example of the required format for item explorer. Long names can be used to describe items and are shown in the tooltip. Regular item names should not consist of more than 5 letters to allow for a visual appealing label of the x axis. If this means that the item is abbreviated then the long name of the item can be used to reveal the full name.
Complete list of examples:
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.
Complete list of examples:
An example of the required format for item explorer. This example consists of the most basic csv file.
Complete list of examples:
An example how to use item explorer with data embedded in the html file which needs to be processed before it passed on to item explorer. The resulting data is assumed to be in the required format. Note that data within html must not contain empty lines, leading spaces or tabs.
This approach can be used when no web server is available.
Complete list of examples:
An example how to use item explorer with a csv file which needs to be processed before it is passed on to item explorer. The resulting data is assumed to be in the required format.
Complete list of examples: