<commit_before><div class="container">
    <!--Official Development Assistance, The advantage of YourDataStories-->
    <div class="row">
        <!--Dashboard title and description-->
        <div class="col-md-9">
            <h2>Official Development Assistance</h2>

            <p class="text-justify">This dashboard presents aspects of the data available regarding the official
                development assistance (ODA) provided by a set of benefactor countries (such as the Netherlands) to
                various beneficiary countries all over the world.</p>

            <div class="bs-callout bs-callout-success">
                <h4>The advantage of YourDataStories</h4>
                <p class="text-justify">YourDataStories aggregates data from various datasets, into a common “semantic
                    graph” in RDF. This enables users to browse, search, and visualise the aggregated data as curated by
                    YourDataStories, instead of the original, discrete datasets.</p>
            </div>
        </div>

        <!--Panel with links to datasets-->
        <div class="col-md-3">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Data from Datasets</h3>
                </div>
                <div class="list-group">
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://172.16.31.10:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/ODA/NL">ODA of the Netherlands</a>
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://172.16.31.10:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/ODA/ZW">ODA to Zimbabwe</a>
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://172.16.31.10:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/trade/NL">International trade activities of the Netherlands</a>
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://172.16.31.10:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/trade/ZW">International trade activities of Zimbabwe</a>
                </div>
            </div>
        </div>
    </div>

    <!--YourDataStories: Modelling ODA data, A quick overview of the ODA data-->
    <div class="row">
        <div class="col-md-12">
            <h3 style="color: #3C75B7; margin-top: 0">YourDataStories: Modelling ODA data</h3>

            <p class="text-justify">YourDataStories models ODA activities with the concept“<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/AidActivity.owl" target="_blank">Aid Activity</a>”, whose main
                properties include the benefactor/beneficiary countries, the duration of the activity, the involved
                organisations, the assistance sector, and a set of related transactions (modelled by concepts “<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/DisbursedItem.owl" target="_blank">Disbursed
                Item</a>”, “<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/CommittedItem.owl" target="_blank">Committed Item</a>”, “<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/Transaction.owl" target="_blank">Transaction</a>”).</p>

            <h3 style="color: #3C75B7">A quick overview of the ODA data</h3>

            <p class="text-justify">The following two maps show all beneficiary and benefactor countries contained in
                the data, coloured according to the number of Aid Activities they have been involved in. Both maps are
                interactive, allowing the selection of any number of beneficiary/benefactor countries.</p>

            <p class="text-justify">Below the maps, the time period of all Aid Activities available in the data is
                displayed, which is also interactive, and can be adjusted to any sub-range of the available time period
                (limiting the displayed information to the Aid Activities within the selected period).</p>
        </div>
    </div>

    <!--Maps-->
    <div class="row">
        <div class="col-md-6">
            <!--Heatmap of Beneficiaries-->
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Number of Aid Activities per Beneficiary Country</h3>
                </div>
                <div class="panel-body">
                    <yds-heatmap
                            project-id="none"
                            view-type="aidactivity.beneficiary.countries.all"
                            color-axis="true"
                            color-type="logarithmic"
                            legend="true"
                            legend-v-align="bottom"
                            use-year-range="true"
                            country-selection="true"
                            no-border="true"
                            exporting="false"
                            element-h="350"></yds-heatmap>
                </div>
                <div class="panel-footer" style="padding: 3px 15px">
                    <small>You can select one or more countries (with <kbd>CTRL</kbd> key), and adjust the date range.</small>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <!--Heatmap of Benefactors-->
            <div class="panel panel-default panel-benefactor">
                <div class="panel-heading">
                    <h3 class="panel-title">Number of Aid Activities per Benefactor Country</h3>
                </div>
                <div class="panel-body">
                    <yds-heatmap
                            project-id="none"
                            view-type="aidactivity.benefactor.countries.all"
                            color-axis="true"
                            color-type="logarithmic"
                            legend="true"
                            legend-v-align="bottom"
                            use-year-range="true"
                            country-selection="true"
                            no-border="true"
                            exporting="false"
                            element-h="350"></yds-heatmap>
                </div>
                <div class="panel-footer" style="padding: 3px 15px">
                    <small>You can select one or more countries (with <kbd>CTRL</kbd> key), and adjust the date range.</small>
                </div>
            </div>
        </div>
    </div>

    <!--Year selection slider-->
    <div class="row">
        <div class="col-md-offset-3 col-md-6">
            <yds-year-range
                    title="Time Period for Aid Activities"
                    min-year="1997"
                    max-year="2018">
            </yds-year-range>
        </div>
    </div>

    <!--Dashboard Info box-->
    <div class="row" style="padding-top: 20px; padding-bottom: 10px;">
        <yds-dashboard-info
            lang="en">
        </yds-dashboard-info>
    </div>

    <!--Visualization-->
    <div class="row">
        <!--Explanation-->
        <div class="col-md-12">
            <p class="text-justify">Finally, there is a set of “info boxes”, showing various aspects of the ODA data.
                Clicking on “View Details” of each “info box”, some predefined visualisations are displayed in the
                details section.</p>
        </div>

        <div class="col-md-12">
            <!--Dashboard Visualization-->
            <yds-dashboard-visualization
                    project-id="none"
                    view-type="aidactivity.beneficiary.countries.all"
                    element-h="460">
            </yds-dashboard-visualization>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading" ng-click="isCollapsedAidActivityPanel = !isCollapsedAidActivityPanel">
                    <h3 class="panel-title">What else can I do with the available data?</h3>
                </div>

                <div class="panel-body" uib-collapse="isCollapsedAidActivityPanel" ng-init="isCollapsedAidActivityPanel = true">
                    <uib-tabset type="pills">
                        <uib-tab heading="View data (as a table)">
                            <!--Placeholder table-->
                            <yds-grid
                                    project-id="none"
                                    view-type="aidactivity.beneficiary.countries.all"
                                    extra-params="apiOptions"
                                    element-h="400">
                            </yds-grid>
                        </uib-tab>
                        <uib-tab heading="View transactions">
                            <!--Placeholder table-->
                            <yds-grid
                                    project-id="none"
                                    view-type="aidactivity.beneficiary.countries.all"
                                    extra-params="apiOptions"
                                    element-h="400">
                            </yds-grid>
                        </uib-tab>
                        <uib-tab heading="View sectors">
                            <!--Placeholder table-->
                            <yds-grid
                                    project-id="none"
                                    view-type="aidactivity.beneficiary.countries.all"
                                    extra-params="apiOptions"
                                    element-h="400">
                            </yds-grid>
                        </uib-tab>
                        <uib-tab heading="Visualize the data">
                            <!--Workbench-->
                            <yds-workbench user-id="ydsUser"></yds-workbench>
                        </uib-tab>
                    </uib-tabset>
                </div>
            </div>
        </div>
    </div>

    <!--Trade activities-->
    <!--<div class="row">-->
        <!--&lt;!&ndash;Trade activities title and description&ndash;&gt;-->
        <!--<div class="col-md-12">-->
            <!--<h2>What data is related? Trade Activities</h2>-->

            <!--<p>International trade activities describe the trade activities among countries.</p>-->
            <!--<p>In the following map you can see the trade relations between the Netherlands, and the rest of the world:</p>-->
        <!--</div>-->
    <!--</div>-->
</div>
<commit_msg>Add space before a word<commit_after><div class="container">
    <!--Official Development Assistance, The advantage of YourDataStories-->
    <div class="row">
        <!--Dashboard title and description-->
        <div class="col-md-9">
            <h2>Official Development Assistance</h2>

            <p class="text-justify">This dashboard presents aspects of the data available regarding the official
                development assistance (ODA) provided by a set of benefactor countries (such as the Netherlands) to
                various beneficiary countries all over the world.</p>

            <div class="bs-callout bs-callout-success">
                <h4>The advantage of YourDataStories</h4>
                <p class="text-justify">YourDataStories aggregates data from various datasets, into a common “semantic
                    graph” in RDF. This enables users to browse, search, and visualise the aggregated data as curated by
                    YourDataStories, instead of the original, discrete datasets.</p>
            </div>
        </div>

        <!--Panel with links to datasets-->
        <div class="col-md-3">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Data from Datasets</h3>
                </div>
                <div class="list-group">
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://172.16.31.10:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/ODA/NL">ODA of the Netherlands</a>
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://172.16.31.10:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/ODA/ZW">ODA to Zimbabwe</a>
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://172.16.31.10:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/trade/NL">International trade activities of the Netherlands</a>
                    <a class="list-group-item list-group-item-sm" target="_blank" href="http://1172.16.17.32:8890/describe/?url=http://linkedeconomy.org/resource/Dataset/trade/ZW">International trade activities of Zimbabwe</a>
                </div>
            </div>
        </div>
    </div>

    <!--YourDataStories: Modelling ODA data, A quick overview of the ODA data-->
    <div class="row">
        <div class="col-md-12">
            <h3 style="color: #3C75B7; margin-top: 0">YourDataStories: Modelling ODA data</h3>

            <p class="text-justify">YourDataStories models ODA activities with the concept “<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/AidActivity.owl" target="_blank">Aid Activity</a>”, whose main
                properties include the benefactor/beneficiary countries, the duration of the activity, the involved
                organisations, the assistance sector, and a set of related transactions (modelled by concepts “<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/DisbursedItem.owl" target="_blank">Disbursed
                Item</a>”, “<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/CommittedItem.owl" target="_blank">Committed Item</a>”, “<a href="http://vowl.visualdataweb.org/webvowl/#iri=http://platform.yourdatastories.eu/api/json-ld/model/owl/Transaction.owl" target="_blank">Transaction</a>”).</p>

            <h3 style="color: #3C75B7">A quick overview of the ODA data</h3>

            <p class="text-justify">The following two maps show all beneficiary and benefactor countries contained in
                the data, coloured according to the number of Aid Activities they have been involved in. Both maps are
                interactive, allowing the selection of any number of beneficiary/benefactor countries.</p>

            <p class="text-justify">Below the maps, the time period of all Aid Activities available in the data is
                displayed, which is also interactive, and can be adjusted to any sub-range of the available time period
                (limiting the displayed information to the Aid Activities within the selected period).</p>
        </div>
    </div>

    <!--Maps-->
    <div class="row">
        <div class="col-md-6">
            <!--Heatmap of Beneficiaries-->
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Number of Aid Activities per Beneficiary Country</h3>
                </div>
                <div class="panel-body">
                    <yds-heatmap
                            project-id="none"
                            view-type="aidactivity.beneficiary.countries.all"
                            color-axis="true"
                            color-type="logarithmic"
                            legend="true"
                            legend-v-align="bottom"
                            use-year-range="true"
                            country-selection="true"
                            no-border="true"
                            exporting="false"
                            element-h="350"></yds-heatmap>
                </div>
                <div class="panel-footer" style="padding: 3px 15px">
                    <small>You can select one or more countries (with <kbd>CTRL</kbd> key), and adjust the date range.</small>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <!--Heatmap of Benefactors-->
            <div class="panel panel-default panel-benefactor">
                <div class="panel-heading">
                    <h3 class="panel-title">Number of Aid Activities per Benefactor Country</h3>
                </div>
                <div class="panel-body">
                    <yds-heatmap
                            project-id="none"
                            view-type="aidactivity.benefactor.countries.all"
                            color-axis="true"
                            color-type="logarithmic"
                            legend="true"
                            legend-v-align="bottom"
                            use-year-range="true"
                            country-selection="true"
                            no-border="true"
                            exporting="false"
                            element-h="350"></yds-heatmap>
                </div>
                <div class="panel-footer" style="padding: 3px 15px">
                    <small>You can select one or more countries (with <kbd>CTRL</kbd> key), and adjust the date range.</small>
                </div>
            </div>
        </div>
    </div>

    <!--Year selection slider-->
    <div class="row">
        <div class="col-md-offset-3 col-md-6">
            <yds-year-range
                    title="Time Period for Aid Activities"
                    min-year="1997"
                    max-year="2018">
            </yds-year-range>
        </div>
    </div>

    <!--Dashboard Info box-->
    <div class="row" style="padding-top: 20px; padding-bottom: 10px;">
        <yds-dashboard-info
            lang="en">
        </yds-dashboard-info>
    </div>

    <!--Visualization-->
    <div class="row">
        <!--Explanation-->
        <div class="col-md-12">
            <p class="text-justify">Finally, there is a set of “info boxes”, showing various aspects of the ODA data.
                Clicking on “View Details” of each “info box”, some predefined visualisations are displayed in the
                details section.</p>
        </div>

        <div class="col-md-12">
            <!--Dashboard Visualization-->
            <yds-dashboard-visualization
                    project-id="none"
                    view-type="aidactivity.beneficiary.countries.all"
                    element-h="460">
            </yds-dashboard-visualization>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading" ng-click="isCollapsedAidActivityPanel = !isCollapsedAidActivityPanel">
                    <h3 class="panel-title">What else can I do with the available data?</h3>
                </div>

                <div class="panel-body" uib-collapse="isCollapsedAidActivityPanel" ng-init="isCollapsedAidActivityPanel = true">
                    <uib-tabset type="pills">
                        <uib-tab heading="View data (as a table)">
                            <!--Placeholder table-->
                            <yds-grid
                                    project-id="none"
                                    view-type="aidactivity.beneficiary.countries.all"
                                    extra-params="apiOptions"
                                    element-h="400">
                            </yds-grid>
                        </uib-tab>
                        <uib-tab heading="View transactions">
                            <!--Placeholder table-->
                            <yds-grid
                                    project-id="none"
                                    view-type="aidactivity.beneficiary.countries.all"
                                    extra-params="apiOptions"
                                    element-h="400">
                            </yds-grid>
                        </uib-tab>
                        <uib-tab heading="View sectors">
                            <!--Placeholder table-->
                            <yds-grid
                                    project-id="none"
                                    view-type="aidactivity.beneficiary.countries.all"
                                    extra-params="apiOptions"
                                    element-h="400">
                            </yds-grid>
                        </uib-tab>
                        <uib-tab heading="Visualize the data">
                            <!--Workbench-->
                            <yds-workbench user-id="ydsUser"></yds-workbench>
                        </uib-tab>
                    </uib-tabset>
                </div>
            </div>
        </div>
    </div>

    <!--Trade activities-->
    <!--<div class="row">-->
        <!--&lt;!&ndash;Trade activities title and description&ndash;&gt;-->
        <!--<div class="col-md-12">-->
            <!--<h2>What data is related? Trade Activities</h2>-->

            <!--<p>International trade activities describe the trade activities among countries.</p>-->
            <!--<p>In the following map you can see the trade relations between the Netherlands, and the rest of the world:</p>-->
        <!--</div>-->
    <!--</div>-->
</div>

{'fraction_non_alphanumeric': 0.12448056145535137, 'fraction_numerical': 0.012143318866007941, 'mean_word_length': 1.5027732840305061, 'pattern_counts': {'":': 0, '<': 361, '<?xml version=': 0, '>': 361, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 8, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 28, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1667170', 'n_tokens_mistral': 5968, 'n_tokens_neox': 5477, 'n_words': 1315}