data.html

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://www.amcharts.com/lib/3/ammap.js"></script>
    <script src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
    <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
    <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/data.js"></script>
    <script src="https://code.highcharts.com/modules/drilldown.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-annotation/0.5.7/chartjs-plugin-annotation.min.js"></script>

    <style>
        #chartdiv {
            width: 100%;
            height: 500px;
        }

        .headerdiv {
            background-color: rgba(68, 81, 90, .3);

        }

        * {
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;

        }
    </style>
</head>

<body>

    <header>
        <div class="container-fluid">
            <div class="row">
                <div class="col-2 headerdiv" style="padding: 0">
                    <a href="http://www.stift-st-florian.at/en/home.html" class="btn" id="stiftFlorianTip" title="">
                        <img src="iconStFlorian.svg" height="30" alt="Stift Florian">
                    </a>
                </div>
                <div class="col headerdiv" style="padding: 0; text-align: center; color: white">
                    <h1 class="header" id="headline">Deep into Geyer</h1>
                </div>
                <div class="col-2 headerdiv" style="text-align: right">

                    <div class="flags btn DO">
                        <img src="iconDigOr.svg" class="flags" height="16" id="digitalOrientalistTip" onclick="window.open('http://www.digitalorientalist.com/')"
                            onmouseover="this.src='iconDigOrOrange.svg'" onmouseout="this.src='iconDigOr.svg'" />
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div class="container-fluid">
        <br>
        <i>
            Here are some measures to get a sense of what and how Geyer collected his books.
        </i>
        <br>
    </div>
    <hr>

    <div class="container-fluid">
        <h3>Breakdown of Geyer's holdings</h3>
        Let us first see what the collection consist of in kind. There are some 1528 objects. The vast majority are books. Click
        on 'Other' to see what the rest is.
    </div>

    <div id="container" style="min-width: 310px; max-width: 600px; height: 400px; margin: 0 auto"></div>

    <hr>

    <div class="container-fluid">
        <h3>Top ten languages of Geyer's Collection</h3>
        Geyer collected a great variety of different languages. Here are most of them, roughly in order of prevalence.
        <table class="table table-sm table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Language</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td>German</td>
                </tr>
                <tr>
                    <th scope="row">2</th>
                    <td>Arabic</td>
                </tr>
                <tr>
                    <th scope="row">3</th>
                    <td>English</td>
                </tr>
                <tr>
                    <th scope="row">4</th>
                    <td>French</td>
                </tr>
                <tr>
                    <th scope="row">5</th>
                    <td>Italian</td>
                </tr>
                <tr>
                    <th scope="row">6</th>
                    <td>Spanish</td>
                </tr>
                <tr>
                    <th scope="row">7</th>
                    <td>Latin</td>
                </tr>
                <tr>
                    <th scope="row">8</th>
                    <td>Russian</td>
                </tr>
                <tr>
                    <th scope="row">9</th>
                    <td>Dutch</td>
                </tr>
                <tr>
                    <th scope="row">10</th>
                    <td>Armenian</td>
                </tr>
            </tbody>
        </table>
    </div>
    <hr>
    <div class="container-fluid">
        <h3>Most popular authors in Geyer's Collection</h3>
        The following metric might not be exactly accurate, but should give a sense of some of the most prevalent authors in the
        collection. The list has been capped for authors with ten or more works.
        <table class="table table-sm table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Author</th>
                    <th scope="col">Occurence</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td>O. Rescher</td>
                    <td>29</td>
                </tr>
                <tr>
                    <th scope="row">2</th>
                    <td>G. Jakob</td>
                    <td>25</td>
                </tr>
                <tr>
                    <th scope="row">3</th>
                    <td>E. Littmann</td>
                    <td>22</td>
                </tr>
                <tr>
                    <th scope="row">4</th>
                    <td>I. Goldziher</td>
                    <td>22</td>
                </tr>
                <tr>
                    <th scope="row">5</th>
                    <td>Th. Nöldeke</td>
                    <td>20</td>
                </tr>
                <tr>
                    <th scope="row">6</th>
                    <td>L. Cheikho S.J.</td>
                    <td>16</td>
                </tr>
                <tr>
                    <th scope="row">7</th>
                    <td>N. Rhodokanakis</td>
                    <td>14</td>
                </tr>
                <tr>
                    <th scope="row">8</th>
                    <td>F. Wüstenfeld</td>
                    <td>14</td>
                </tr>
                <tr>
                    <th scope="row">9</th>
                    <td>J. Horovitz</td>
                    <td>12</td>
                </tr>
                <tr>
                    <th scope="row">10</th>
                    <td>H. Lammens S.J.</td>
                    <td>12</td>
                </tr>
                <tr>
                    <th scope="row">11</th>
                    <td>E. Sachau</td>
                    <td>11</td>
                </tr>
                <tr>
                    <th scope="row">12</th>
                    <td>W. Ahlwardt</td>
                    <td>10</td>
                </tr>
                <tr>
                    <th scope="row">13</th>
                    <td>M. Hartmann</td>
                    <td>10</td>
                </tr>
                <tr>
                    <th scope="row">14</th>
                    <td>A. Kremer</td>
                    <td>10</td>
                </tr>
                <tr>
                    <th scope="row">15</th>
                    <td>A. Grolmann</td>
                    <td>10</td>
                </tr>


            </tbody>
        </table>
    </div>

    <hr>

    <div class="container-fluid">
        <h3>Map showing where Geyer's book originated from</h3>
        We can show the place of publication for works in the collection. The bigger the line towards Vienna, the more books came
        from that place. Hover over the nodes to see the city name and zoom in to get a better look at Europe.
    </div>
    <div id="chartdiv"></div>

    <hr>
    <div class="container-fluid">
        <h3>Publishing years</h3>
        Lastly, we can set off the number of works against their publication year. All books together published before 1903 make
        up half of the collection. Hover over the bars to get an accurate count.
        <canvas id="myChart"></canvas>
    </div>
    <hr>
    <div class="container-fluid">
        Go back to
        <a href="index.html">Geyer's catalog</a> or go to
        <a href="https://www.digitalorientalist.com/">The Digital Orientalist.</a>
        <img src="iconDigOr.svg" class="flags" height="16" id="digitalOrientalistTip" onclick="window.open('http://www.digitalorientalist.com/')"
            onmouseover="this.src='iconDigOrOrange.svg'" onmouseout="this.src='iconDigOr.svg'" />
        <br>
        <br>
    </div>


    <script>
        // svg path for target icon
        var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
        // svg path for plane icon
        var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";

        var scaleCity = 0.0;
        var scaleLine = 0.2;
        var map = AmCharts.makeChart("chartdiv", {
            "type": "map",
            "theme": "light",
            "dataProvider": {
                "map": "worldLow",
                "zoomLevel": 2.5,
                "zoomLongitude": -20.1341,
                "zoomLatitude": 49.1712,

                "lines": [{
                    "latitudes": [48.2081, 31.200092],
                    "longitudes": [16.3738, 29.918739],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 36.753768],
                    "longitudes": [16.3738, 3.058756],
                    "thickness": 10 * scaleLine
                },
                {
                    "latitudes": [48.2081, 25.435801],
                    "longitudes": [16.3738, 81.846311],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.370216],
                    "longitudes": [16.3738, 4.895168],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.160523],
                    "longitudes": [16.3738, 71.470356],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.370545],
                    "longitudes": [16.3738, 10.89779],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 33.312806],
                    "longitudes": [16.3738, 44.361488],
                    "thickness": 5 * scaleLine
                },
                {
                    "latitudes": [48.2081, 49.898814],
                    "longitudes": [16.3738, 10.902764],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 33.893791],
                    "longitudes": [16.3738, 35.501777],
                    "thickness": 59 * scaleLine
                },
                {
                    "latitudes": [48.2081, 37.871593],
                    "longitudes": [16.3738, -122.272747],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.520007],
                    "longitudes": [16.3738, 13.404954],
                    "thickness": 105 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.030228],
                    "longitudes": [16.3738, 8.532471],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 44.494887],
                    "longitudes": [16.3738, 11.342616],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 19.075984],
                    "longitudes": [16.3738, 72.877656],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.737430],
                    "longitudes": [16.3738, 7.098207],
                    "thickness": 13 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.148596],
                    "longitudes": [16.3738, 17.107748],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.331450],
                    "longitudes": [16.3738, 10.50531],
                    "thickness": 5 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.850346],
                    "longitudes": [16.3738, 4.351721],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 47.497912],
                    "longitudes": [16.3738, 19.040235],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 30.044420],
                    "longitudes": [16.3738, 31.235712],
                    "thickness": 136 * scaleLine
                },
                {
                    "latitudes": [48.2081, 22.572646],
                    "longitudes": [16.3738, 88.363895],
                    "thickness": 5 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.205337],
                    "longitudes": [16.3738, 0.121817],
                    "thickness": 7 * scaleLine
                },
                {
                    "latitudes": [48.2081, 41.878114],
                    "longitudes": [16.3738, -87.629798],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.937531],
                    "longitudes": [16.3738, 6.960279],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 55.676097],
                    "longitudes": [16.3738, 12.568337],
                    "thickness": 8 * scaleLine
                },
                {
                    "latitudes": [48.2081, 33.513807],
                    "longitudes": [16.3738, 36.276528],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.070498],
                    "longitudes": [16.3738, 4.3007],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.050409],
                    "longitudes": [16.3738, 13.737262],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 55.953252],
                    "longitudes": [16.3738, -3.188267],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 49.589674],
                    "longitudes": [16.3738, 11.011961],
                    "thickness": 6 * scaleLine
                },
                {
                    "latitudes": [48.2081, 43.769560],
                    "longitudes": [16.3738, 11.255814],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.110922],
                    "longitudes": [16.3738, 8.682127],
                    "thickness": 4 * scaleLine
                },
                {
                    "latitudes": [48.2081, 47.999008],
                    "longitudes": [16.3738, 7.842104],
                    "thickness": 4 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.584051],
                    "longitudes": [16.3738, 8.678403],
                    "thickness": 17 * scaleLine
                },
                {
                    "latitudes": [48.2081, 55.864237],
                    "longitudes": [16.3738, -4.251806],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.946919],
                    "longitudes": [16.3738, 10.709288],
                    "thickness": 8 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.541280],
                    "longitudes": [16.3738, 9.915804],
                    "thickness": 27 * scaleLine
                },
                {
                    "latitudes": [48.2081, 37.177336],
                    "longitudes": [16.3738, -3.598557],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 54.086546],
                    "longitudes": [16.3738, 13.392341],
                    "thickness": 6 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.496980],
                    "longitudes": [16.3738, 11.968803],
                    "thickness": 17 * scaleLine
                },
                {
                    "latitudes": [48.2081, 53.551085],
                    "longitudes": [16.3738, 9.993682],
                    "thickness": 8 * scaleLine
                },
                {
                    "latitudes": [48.2081, 35.513830],
                    "longitudes": [16.3738, 24.018037],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.375892],
                    "longitudes": [16.3738, 9.73201],
                    "thickness": 5 * scaleLine
                },
                {
                    "latitudes": [48.2081, 49.398752],
                    "longitudes": [16.3738, 8.672434],
                    "thickness": 18 * scaleLine
                },
                {
                    "latitudes": [48.2081, 60.169856],
                    "longitudes": [16.3738, 24.938379],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 17.385044],
                    "longitudes": [16.3738, 78.486671],
                    "thickness": 9 * scaleLine
                },
                {
                    "latitudes": [48.2081, 47.269212],
                    "longitudes": [16.3738, 11.404102],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 41.008238],
                    "longitudes": [16.3738, 28.978359],
                    "thickness": 12 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.927054],
                    "longitudes": [16.3738, 11.589237],
                    "thickness": 3 * scaleLine
                },
                {
                    "latitudes": [48.2081, 49.006890],
                    "longitudes": [16.3738, 8.403653],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 55.830431],
                    "longitudes": [16.3738, 49.066081],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 54.323293],
                    "longitudes": [16.3738, 10.122765],
                    "thickness": 3 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.820695],
                    "longitudes": [16.3738, 8.92129],
                    "thickness": 8 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.064650],
                    "longitudes": [16.3738, 19.94498],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 31.520370],
                    "longitudes": [16.3738, 74.358747],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.160114],
                    "longitudes": [16.3738, 4.49701],
                    "thickness": 105 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.339695],
                    "longitudes": [16.3738, 12.373075],
                    "thickness": 193 * scaleLine
                },
                {
                    "latitudes": [48.2081, 59.934280],
                    "longitudes": [16.3738, 30.335099],
                    "thickness": 11 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.796045],
                    "longitudes": [16.3738, 9.009571],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.632557],
                    "longitudes": [16.3738, 5.579666],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 38.722252],
                    "longitudes": [16.3738, -9.139337],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.507351],
                    "longitudes": [16.3738, -0.127758],
                    "thickness": 38 * scaleLine
                },
                {
                    "latitudes": [48.2081, 26.846694],
                    "longitudes": [16.3738, 80.946166],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 13.082680],
                    "longitudes": [16.3738, 80.270718],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 53.480759],
                    "longitudes": [16.3738, -2.242631],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 45.464204],
                    "longitudes": [16.3738, 9.189982],
                    "thickness": 6 * scaleLine
                },
                {
                    "latitudes": [48.2081, 36.356648],
                    "longitudes": [16.3738, 43.164],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.135125],
                    "longitudes": [16.3738, 11.58198],
                    "thickness": 16 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.960665],
                    "longitudes": [16.3738, 7.626135],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 41.308274],
                    "longitudes": [16.3738, -72.927884],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 40.712775],
                    "longitudes": [16.3738, -74.005973],
                    "thickness": 5 * scaleLine
                },
                {
                    "latitudes": [48.2081, 49.452102],
                    "longitudes": [16.3738, 11.076665],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 51.752021],
                    "longitudes": [16.3738, -1.257726],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 38.115688],
                    "longitudes": [16.3738, 13.361267],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.856614],
                    "longitudes": [16.3738, 2.352222],
                    "thickness": 66 * scaleLine
                },
                {
                    "latitudes": [48.2081, 59.934280],
                    "longitudes": [16.3738, 30.335099],
                    "thickness": 3 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.075538],
                    "longitudes": [16.3738, 14.4378],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 40.343989],
                    "longitudes": [16.3738, -74.651448],
                    "thickness": 19 * scaleLine
                },
                {
                    "latitudes": [48.2081, 41.902783],
                    "longitudes": [16.3738, 12.496366],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 54.092441],
                    "longitudes": [16.3738, 12.099147],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.165258],
                    "longitudes": [16.3738, 8.628453],
                    "thickness": 32 * scaleLine
                },
                {
                    "latitudes": [48.2081, 59.934280],
                    "longitudes": [16.3738, 30.335099],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.573405],
                    "longitudes": [16.3738, 7.752111],
                    "thickness": 27 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.781217],
                    "longitudes": [16.3738, 17.064612],
                    "thickness": 7 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.775846],
                    "longitudes": [16.3738, 9.182932],
                    "thickness": 3 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.521636],
                    "longitudes": [16.3738, 9.057645],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 36.806495],
                    "longitudes": [16.3738, 10.181532],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 59.858564],
                    "longitudes": [16.3738, 17.638927],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 52.090737],
                    "longitudes": [16.3738, 5.12142],
                    "thickness": 97 * scaleLine
                },
                {
                    "latitudes": [48.2081, 48.208174],
                    "longitudes": [16.3738, 16.373819],
                    "thickness": 2 * scaleLine
                },
                {
                    "latitudes": [48.2081, 38.907192],
                    "longitudes": [16.3738, -77.036871],
                    "thickness": 4 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.979493],
                    "longitudes": [16.3738, 11.323544],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 47.376887],
                    "longitudes": [16.3738, 8.541694],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 50.603771],
                    "longitudes": [16.3738, 13.746222],
                    "thickness": 1 * scaleLine
                },
                {
                    "latitudes": [48.2081, 53.598785],
                    "longitudes": [16.3738, 7.196716],
                    "thickness": 1 * scaleLine
                },],
                "images": [{
                    "id": "Alexandria",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Alexandria",
                    "latitude": 31.200092,
                    "longitude": 29.918739,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Algiers",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Algiers",
                    "latitude": 36.753768,
                    "longitude": 3.058756,
                    "scale": 10 * scaleCity
                },
                {
                    "id": "Allahabad",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Allahabad",
                    "latitude": 25.435801,
                    "longitude": 81.846311,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Amsterdam",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Amsterdam",
                    "latitude": 52.370216,
                    "longitude": 4.895168,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Astana",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Astana",
                    "latitude": 51.160523,
                    "longitude": 71.470356,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Augsburg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Augsburg",
                    "latitude": 48.370545,
                    "longitude": 10.89779,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Baghdad",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Baghdad",
                    "latitude": 33.312806,
                    "longitude": 44.361488,
                    "scale": 5 * scaleCity
                },
                {
                    "id": "Bamberg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Bamberg",
                    "latitude": 49.898814,
                    "longitude": 10.902764,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Beirut",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Beirut",
                    "latitude": 33.893791,
                    "longitude": 35.501777,
                    "scale": 59 * scaleCity
                },
                {
                    "id": "Berkeley",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Berkeley",
                    "latitude": 37.871593,
                    "longitude": -122.272747,
                    "scale": 1 * scaleCity,
                    "centered": true,
                },
                {
                    "id": "Berlin",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Berlin",
                    "latitude": 52.520007,
                    "longitude": 13.404954,
                    "scale": 105 * scaleCity
                },
                {
                    "id": "Bielefeld",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Bielefeld",
                    "latitude": 52.030228,
                    "longitude": 8.532471,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Bologna",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Bologna",
                    "latitude": 44.494887,
                    "longitude": 11.342616,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Bombay",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Bombay",
                    "latitude": 19.075984,
                    "longitude": 72.877656,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Bonn",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Bonn",
                    "latitude": 50.737430,
                    "longitude": 7.098207,
                    "scale": 13 * scaleCity
                },
                {
                    "id": "Bratislava",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Bratislava",
                    "latitude": 48.148596,
                    "longitude": 17.107748,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Braunschweig",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Braunschweig",
                    "latitude": 52.331450,
                    "longitude": 10.50531,
                    "scale": 5 * scaleCity
                },
                {
                    "id": "Brussels",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Brussels",
                    "latitude": 50.850346,
                    "longitude": 4.351721,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Budapest",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Budapest",
                    "latitude": 47.497912,
                    "longitude": 19.040235,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Cairo",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Cairo",
                    "latitude": 30.044420,
                    "longitude": 31.235712,
                    "scale": 136 * scaleCity
                },
                {
                    "id": "Calcutta",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Calcutta",
                    "latitude": 22.572646,
                    "longitude": 88.363895,
                    "scale": 5 * scaleCity
                },
                {
                    "id": "Cambridge",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Cambridge",
                    "latitude": 52.205337,
                    "longitude": 0.121817,
                    "scale": 7 * scaleCity
                },
                {
                    "id": "Chicago",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Chicago",
                    "latitude": 41.878114,
                    "longitude": -87.629798,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Cologne",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Cologne",
                    "latitude": 50.937531,
                    "longitude": 6.960279,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Copenhagen",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Copenhagen",
                    "latitude": 55.676097,
                    "longitude": 12.568337,
                    "scale": 8 * scaleCity
                },
                {
                    "id": "Damascus",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Damascus",
                    "latitude": 33.513807,
                    "longitude": 36.276528,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "The Hague",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "The Hague",
                    "latitude": 52.070498,
                    "longitude": 4.3007,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Dresden",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Dresden",
                    "latitude": 51.050409,
                    "longitude": 13.737262,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Edinburgh",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Edinburgh",
                    "latitude": 55.953252,
                    "longitude": -3.188267,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Erlangen",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Erlangen",
                    "latitude": 49.589674,
                    "longitude": 11.011961,
                    "scale": 6 * scaleCity
                },
                {
                    "id": "Firenze",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Firenze",
                    "latitude": 43.769560,
                    "longitude": 11.255814,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Frankfurt",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Frankfurt",
                    "latitude": 50.110922,
                    "longitude": 8.682127,
                    "scale": 4 * scaleCity
                },
                {
                    "id": "Freiburg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Freiburg",
                    "latitude": 47.999008,
                    "longitude": 7.842104,
                    "scale": 4 * scaleCity
                },
                {
                    "id": "Giessen",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Giessen",
                    "latitude": 50.584051,
                    "longitude": 8.678403,
                    "scale": 17 * scaleCity
                },
                {
                    "id": "Glasgow",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Glasgow",
                    "latitude": 55.864237,
                    "longitude": -4.251806,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Gotha",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Gotha",
                    "latitude": 50.946919,
                    "longitude": 10.709288,
                    "scale": 8 * scaleCity
                },
                {
                    "id": "Göttingen",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Göttingen",
                    "latitude": 51.541280,
                    "longitude": 9.915804,
                    "scale": 27 * scaleCity
                },
                {
                    "id": "Granada",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Granada",
                    "latitude": 37.177336,
                    "longitude": -3.598557,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Greifswald",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Greifswald",
                    "latitude": 54.086546,
                    "longitude": 13.392341,
                    "scale": 6 * scaleCity
                },
                {
                    "id": "Halle",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Halle",
                    "latitude": 51.496980,
                    "longitude": 11.968803,
                    "scale": 17 * scaleCity
                },
                {
                    "id": "Hamburg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Hamburg",
                    "latitude": 53.551085,
                    "longitude": 9.993682,
                    "scale": 8 * scaleCity
                },
                {
                    "id": "Hannia",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Hannia",
                    "latitude": 35.513830,
                    "longitude": 24.018037,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Hannover",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Hannover",
                    "latitude": 52.375892,
                    "longitude": 9.73201,
                    "scale": 5 * scaleCity
                },
                {
                    "id": "Heidelberg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Heidelberg",
                    "latitude": 49.398752,
                    "longitude": 8.672434,
                    "scale": 18 * scaleCity
                },
                {
                    "id": "Helsinki",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Helsinki",
                    "latitude": 60.169856,
                    "longitude": 24.938379,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Hyderabad",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Hyderabad",
                    "latitude": 17.385044,
                    "longitude": 78.486671,
                    "scale": 9 * scaleCity
                },
                {
                    "id": "Innsbruck",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Innsbruck",
                    "latitude": 47.269212,
                    "longitude": 11.404102,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Istanbul",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Istanbul",
                    "latitude": 41.008238,
                    "longitude": 28.978359,
                    "scale": 12 * scaleCity
                },
                {
                    "id": "Jena",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Jena",
                    "latitude": 50.927054,
                    "longitude": 11.589237,
                    "scale": 3 * scaleCity
                },
                {
                    "id": "Karlsruhe",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Karlsruhe",
                    "latitude": 49.006890,
                    "longitude": 8.403653,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Kazan",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Kazan",
                    "latitude": 55.830431,
                    "longitude": 49.066081,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Kiel",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Kiel",
                    "latitude": 54.323293,
                    "longitude": 10.122765,
                    "scale": 3 * scaleCity
                },
                {
                    "id": "Kirchhain",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Kirchhain",
                    "latitude": 50.820695,
                    "longitude": 8.92129,
                    "scale": 8 * scaleCity
                },
                {
                    "id": "Krakow",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Krakow",
                    "latitude": 50.064650,
                    "longitude": 19.94498,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Lahore",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Lahore",
                    "latitude": 31.520370,
                    "longitude": 74.358747,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Leiden",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Leiden",
                    "latitude": 52.160114,
                    "longitude": 4.49701,
                    "scale": 105 * scaleCity,
                },
                {
                    "id": "Leipzig",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Leipzig",
                    "latitude": 51.339695,
                    "longitude": 12.373075,
                    "scale": 193 * scaleCity
                },
                {
                    "id": "Leningrad",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Leningrad",
                    "latitude": 59.934280,
                    "longitude": 30.335099,
                    "scale": 11 * scaleCity
                },
                {
                    "id": "Leonberg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Leonberg",
                    "latitude": 48.796045,
                    "longitude": 9.009571,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Liege",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Liege",
                    "latitude": 50.632557,
                    "longitude": 5.579666,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Lisbon",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Lisbon",
                    "latitude": 38.722252,
                    "longitude": -9.139337,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "London",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "London",
                    "latitude": 51.507351,
                    "longitude": -0.127758,
                    "scale": 38 * scaleCity
                },
                {
                    "id": "Lucknow",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Lucknow",
                    "latitude": 26.846694,
                    "longitude": 80.946166,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Madras",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Madras",
                    "latitude": 13.082680,
                    "longitude": 80.270718,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Manchester",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Manchester",
                    "latitude": 53.480759,
                    "longitude": -2.242631,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Milan",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Milan",
                    "latitude": 45.464204,
                    "longitude": 9.189982,
                    "scale": 6 * scaleCity
                },
                {
                    "id": "Mosul",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Mosul",
                    "latitude": 36.356648,
                    "longitude": 43.164,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Munich",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Munich",
                    "latitude": 48.135125,
                    "longitude": 11.58198,
                    "scale": 16 * scaleCity
                },
                {
                    "id": "Munster",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Munster",
                    "latitude": 51.960665,
                    "longitude": 7.626135,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "New Haven",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "New Haven",
                    "latitude": 41.308274,
                    "longitude": -72.927884,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "New York",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "New York",
                    "latitude": 40.712775,
                    "longitude": -74.005973,
                    "scale": 5 * scaleCity
                },
                {
                    "id": "Nüremberg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Nüremberg",
                    "latitude": 49.452102,
                    "longitude": 11.076665,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Oxford",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Oxford",
                    "latitude": 51.752021,
                    "longitude": -1.257726,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Palermo",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Palermo",
                    "latitude": 38.115688,
                    "longitude": 13.361267,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Paris",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Paris",
                    "latitude": 48.856614,
                    "longitude": 2.352222,
                    "scale": 66 * scaleCity
                },
                {
                    "id": "Petrograd",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Petrograd",
                    "latitude": 59.934280,
                    "longitude": 30.335099,
                    "scale": 3 * scaleCity
                },
                {
                    "id": "Prague",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Prague",
                    "latitude": 50.075538,
                    "longitude": 14.4378,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Princeton",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Princeton",
                    "latitude": 40.343989,
                    "longitude": -74.651448,
                    "scale": 19 * scaleCity
                },
                {
                    "id": "Rome",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Rome",
                    "latitude": 41.902783,
                    "longitude": 12.496366,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Rostock",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Rostock",
                    "latitude": 54.092441,
                    "longitude": 12.099147,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Rotweill",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Rotweill",
                    "latitude": 48.165258,
                    "longitude": 8.628453,
                    "scale": 32 * scaleCity
                },
                {
                    "id": "Saint Petersburg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Saint Petersburg",
                    "latitude": 59.934280,
                    "longitude": 30.335099,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Strassburg",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Strassburg",
                    "latitude": 48.573405,
                    "longitude": 7.752111,
                    "scale": 27 * scaleCity
                },
                {
                    "id": "Strehlen",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Strehlen",
                    "latitude": 50.781217,
                    "longitude": 17.064612,
                    "scale": 7 * scaleCity
                },
                {
                    "id": "Stuttgart",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Stuttgart",
                    "latitude": 48.775846,
                    "longitude": 9.182932,
                    "scale": 3 * scaleCity
                },
                {
                    "id": "Tübingen",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Tübingen",
                    "latitude": 48.521636,
                    "longitude": 9.057645,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Tunis",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Tunis",
                    "latitude": 36.806495,
                    "longitude": 10.181532,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Uppsala",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Uppsala",
                    "latitude": 59.858564,
                    "longitude": 17.638927,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Utrecht",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Utrecht",
                    "latitude": 52.090737,
                    "longitude": 5.12142,
                    "scale": 97 * scaleCity
                },
                {
                    "id": "Vienna",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Vienna",
                    "latitude": 48.208174,
                    "longitude": 16.373819,
                    "scale": 2 * scaleCity
                },
                {
                    "id": "Washington",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Washington",
                    "latitude": 38.907192,
                    "longitude": -77.036871,
                    "scale": 4 * scaleCity
                },
                {
                    "id": "Weimar",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Weimar",
                    "latitude": 50.979493,
                    "longitude": 11.323544,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Zürich",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Zürich",
                    "latitude": 47.376887,
                    "longitude": 8.541694,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Duchov",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Duchov",
                    "latitude": 50.603771,
                    "longitude": 13.746222,
                    "scale": 1 * scaleCity
                },
                {
                    "id": "Norden",
                    "type": "hexagon",
                    "svgPath": targetSVG,
                    "title": "Norden",
                    "latitude": 53.598785,
                    "longitude": 7.196716,
                    "scale": 1 * scaleCity
                },]
            },

            "areasSettings": {
                "unlistedAreasColor": "#FFCC00",
                "unlistedAreasAlpha": 0.9
            },

            "imagesSettings": {
                "color": "#FE1F1F",
                "rollOverColor": "#BA53F5",
                "outlineColor": "#FE1F1F",
                "outlineThickness": 0,
                "rollOverOutlineThickness": 1,

                "bringForwardOnHover": true,
                "rollOverScale": 2,
                "alpha": 0.4
            },

            "linesSettings": {
                "arc": -0.6, // this makes lines curved. Use value from -1 to 1
                "arrow": "none",
                "color": "#CC0000",
                "alpha": 0.4,
                "arrowAlpha": 1,
                "arrowSize": 4,
            },
            "zoomControl": {
                "gridHeight": 100,
                "draggerAlpha": 1,
                "gridAlpha": 0.2
            },
            "balloon": {
                "offsetY": 20
            },

            "backgroundZoomsToTop": true,
            "linesAboveImages": false,

            "export": {
                "enabled": true
            }
        });


        // Create the chart
        Highcharts.chart('container', {
            chart: {
                type: 'pie'
            },
            title: {
                text: ''
            },
            subtitle: {
                text: ''
            },
            plotOptions: {
                series: {
                    dataLabels: {
                        enabled: true,
                        format: '{point.name}: {point.y:.1f}%'
                    }
                }
            },

            tooltip: {
                headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
            },

            "series": [
                {
                    "name": "Geyer's Holdings",
                    "colorByPoint": true,
                    "data": [
                        {
                            "name": "Books",
                            "y": 93,

                        },
                        {
                            "name": "Other",
                            "y": 7,
                            "drilldown": "Other"
                        }
                    ]
                }
            ],
            "drilldown": {
                "series": [
                    {
                        "name": "Other",
                        "id": "Other",
                        "data": [
                            [
                                "Journal Articles",
                                70
                            ],
                            [
                                "Manuscripts",
                                24
                            ],
                            [
                                "Book sections",
                                4
                            ],
                            [
                                "Documents",
                                2
                            ]
                        ]
                    }
                ]
            }
        });


        labelsYears = [1025, 1290, 1306, 1314, 1319, 1324, 1327, 1343, 1422, 1601, 1654, 1698, 1715, 1775, 1780, 1795, 1799, 1809, 1810, 1813, 1819, 1822, 1825, 1826, 1827, 1828, 1829, 1830, 1831, 1834, 1837, 1838, 1839, 1840, 1841, 1842, 1843, 1844, 1845, 1846, 1847, 1849, 1850, 1852, 1853, 1854, 1855, 1856, 1857, 1858, 1859, 1860, 1861, 1862, 1863, 1864, 1865, 1866, 1867, 1868, 1869, 1870, 1871, 1872, 1873, 1874, 1875, 1876, 1877, 1878, 1879, 1880, 1881, 1882, 1883, 1884, 1885, 1886, 1887, 1888, 1889, 1890, 1891, 1892, 1893, 1894, 1895, 1896, 1897, 1898, 1899, 1900, 1901, 1902, 1903, 1904, 1905, 1906, 1907, 1908, 1909, 1910, 1911, 1912, 1913, 1914, 1915, 1916, 1917, 1918, 1919, 1920, 1921, 1922, 1923, 1924, 1925, 1926, 1927, 1928, 1929];
        dataYears = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 1, 1, 2, 1, 1, 2, 1, 1, 2, 1, 3, 2, 1, 2, 1, 5, 1, 2, 3, 3, 4, 1, 4, 5, 6, 3, 4, 3, 2, 3, 5, 4, 4, 4, 7, 8, 7, 7, 9, 3, 10, 11, 4, 6, 5, 4, 8, 12, 9, 12, 7, 7, 19, 13, 15, 11, 9, 19, 14, 16, 14, 17, 15, 17, 15, 12, 16, 16, 10, 13, 20, 19, 20, 23, 28, 29, 21, 39, 40, 39, 43, 33, 37, 35, 39, 36, 22, 23, 17, 3, 22, 9, 13, 15, 6, 8, 10, 18, 14, 10, 4];

        colorYears = [];
        for (i = 0; i < dataYears.length; i++) {
            colorYears.push('#' + (Math.random() * 0xffffff << 0).toString(16));
        }

        var ctx = document.getElementById('myChart').getContext('2d');
        var chart = new Chart(ctx, {
            // The type of chart we want to create
            type: 'bar',
            data: {
                labels: labelsYears,
                datasets: [
                    {
                        backgroundColor: colorYears,
                        data: dataYears
                    }
                ]
            },
            options: {
                legend: { display: false },
                annotation: {
                    annotations: [
                        {
                            type: "line",
                            mode: "vertical",
                            scaleID: "x-axis-0",
                            value: 1903,
                            borderWidth: 4,
                            borderDash: [2, 2],
                            borderColor: "red",
                            label: {
                                backgroundColor: "red",
                                content: "← Half of the collection →",
                                enabled: true,
                                position: "top"
                            }
                        }
                    ]
                }
            }
        });

    </script>

</body>


</html>