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; | |
| } |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <style> | |
| circle { | |
| stroke: #000; | |
| fill: #ddd; | |
| fill-opacity: .8; | |
| } |
An example how to use item explorer by including data with a reference to a csv file. The data is assumed to be in the required format.
This is the standard way of reading data.
Complete list of examples:
An example how to use item explorer with data embedded in the html file. The 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.
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:
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 of the required format for item explorer. This example consists of the most basic csv file.
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. 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: