Tons of plots? This online tool allows you to compare them two by two while (ab)using the clicks on radio buttons. See an example <ahref="http://www.desy.de/~cldavid/comparator_tthbb_isovars/"target="_blank">here</a>. The tool displays plots in _png_ format, clicking on the image gets you the _pdf_ version.
## How to get it
You need a web space ```~/www``` or ```~/public_html``` where you clone/fork this repository. Your plots should also be in a sub-directory from ```~/www```.
### One command
The HTML index page is generated with the command:
<sub>Ok two commands if you do not have python3 by default, then ```source setup.sh``` and you'll get it.</sub>
What does this script do? It will create a directory (within your ```~/wwww``` space) with an ```index.html``` and all the subfolders ```css/```, ```/js``` and ```img/``` to make the whole thing work.
Let's go through an example to show you how to best write your own json configuration file.
### Configuration
Have a look at the file [config/example_config_ttHbb_study.json](https://gitlab.cern.ch/davidc/plot_comparator/tree/master/config/example_config_ttHbb_study.json) to see the tags:
-**output_directory**: the to-be-created folder with the index.html of the generated plot comparator.
-**plots_directory**: the folder where your plots are located (they stay there)
-**title**: title of the web page.
-**subtitle**: description of the study, more info, etc.
-**placeholder**: link to the image to display if the plot does not exist. See [here](./img) some possibilities.
-**tags**: dictionary of dictionares storing all the options of your plots. More on this below.
The tags are part of the plot file names. This plot comparator uses a double undescore ```__``` to separate tags.
For my plots (non-exhaustive list here), here is the pattern:
My scheme here: the year (20152016, 2017, 2018), the lepton type ("el" or "mu"), its selection ("tight" or "loose"), the number of jets (4ij for inclusive), the number of b-jets, the range of lepton pT and an extra cut, if any.
The keys in the ```tags``` dictionary are the tag name. The values are:
-**active**: boolean true/false. There may be a sub-string in all your plot file names always the same: create for that an non-active tag so that the plot comparator takes the value to build the complete file name.
-**htmlLabel**: what is displayed in the HTML file in bold before the list of radio buttons
-**values**: a dictonary listing the radio button names. The keys here correspond to the plot's tag (e.g. "20152016" or "el_pt") and the value is the HTML label of the radio button name (e.g. "2015 - 2016" or "Lepton p<sub>T</sub>")
You may have to adapt this with the way your plots are named. Or rename your plots accordingly if it is simpler for you.
