<div>
    <div>
        The configuration must be a valid JSON object with respect to the
        <a href="https://github.com/simonsymhoven/data-reporting-plugin/blob/master/etc/report.json">given Schema</a>.
        Each item from the components list can in turn contain a list of items. This nesting can be used arbitrarily deep.
    </div>
    <h3>Example</h3>

    <code style=display:block;white-space:pre-wrap>
        {
            "items": [
                {
                    "id": "stocks",
                    "name": "Stocks",
                    "items": [
                        {
                            "id": "alphabet",
                            "name": "Google",
                            "result": {
                                "incorrect": 1,
                                "manually": 1,
                                "accurate": 4
                            }
                        },
                        {
                            "id": "microsoft",
                            "name": "Microsoft",
                            "result": {
                                "incorrect": 2,
                                "manually": 1,
                                "accurate": 5
                            }               
                        }
                     ]
                },
                {
                    "id": "derivates",
                    "name": "Derivates",
                    "result": {
                        "incorrect": 2,
                        "manually": 3,
                        "accurate": 10
                    }
                },
                {
                    "id": "fonds",
                    "name": "Fonds",
                    "result": {
                        "incorrect": 6,
                        "manually": 7,
                        "accurate": 20
                    }
                },
                {
                    "id": "warrants",
                    "name": "Warrants",
                    "result": {
                        "incorrect": 6,
                        "manually": 4,
                        "accurate": 15
                    }
                }
            ],
            "colors": {
                "incorrect": "#EF9A9A",
                "manually": "#FFF59D",
                "accurate": "#A5D6A7"
            }
        }
    </code>
</div>