Reece-Edwards.github.io/about.html at main · Reece-Edwards/Reece-Edwards.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
    <!--Standard HTML + CSS is used, should work on any device.-->
    <head>
        <title>About The Project</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/styles.css">
        <link href='https://fonts.googleapis.com/css?family=Michroma' rel='stylesheet'>
        <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

    </head>

    <body>
        <ul class="navigationBar">
            <li><a href="/index.html">Home</a></li>
            <li><a href="/mapping.html">Open Data</a></li>
            <li class="right"><a class="active right">About</a></li>
        </ul>


        <div class="textBox">
            <h1>Mapping The Open Government Data</h1>
            <p>
                This is my website which uses the Chart.js library in
                order to generate graphics relating to data provided by the UK government.
                This data is publicly available at <a href="https://www.data.gov.uk/">The .gov website</a>
                <br><br>
                This project is both an effort into exploring the limits of my own skills when it comes to
                handling big projects and web design, and also learn how to manage a personal project, and
                handle technologies not provided or taught by Aston University.
                <br><br>
                Various areas of data are covered, from birth rates, to house prices, to how much coverage the woods of the UK
                has. This is to show the flexibility of the project, and the Chart.JS library. For this project I decided to forego
                my initial idea of a "business owner" client, and instead focused on a client interested in the broad data provided by
                the UK Government, with this site being made to visualize all the various aspects of that data
                <br><br>
                Obviously, not EVERY part of the data is visualized, but the website is built to be expandable to later acommodate those
                additional data sets.
            </p>
        </div>
        <div class="textBox">
            <h1>More About The Project</h1>
            <p>
                This project as described before aims to map out a selected part of the Open Government Data.
                This data was selected and curated to provide a high quality example of what this project
                is capable of, as there is only so much time available to make the website work. It is designed
                to be scalable, with the ability to add new charts and graphs with more data as necessary.
                <br><br>
                The website is simple, using standard HTML and CSS to keep complexity to a minimum, alongside this
                there are no features such as user accounts or ways to add / modify data yourself. These choices were made
                as I decided early on the project that filling the project with unnecessary bloat would do nothing but draw attention
                away from what this project was started for.
                <br><br>
                The website is designed to be as light weight as possible, in a live server scenario, the data provided by the Government
                website would be held on a database externally, instead of locally within the project. And as previously mentioned, this website
                uses Chart.js to create the charts and graphs used for data visualization.
            </p>
        </div>
        <div class="textBox">
            <h1>Limitations</h1>
            <p>There has been one main hiccup when it comes to developing this project. The data provided by the UK government, whilst helpful.
                Often time comes in difficult to use maps, or from extremely large and untested data-sets, which made developing this site a difficult task.
                <br><br>
                Whilst since September the Government has streamlined the process of finding data-sets, it doesn't change the fact that the data-sets are often difficult to relate to
                one another. This means some graphs may be more detailed than others, or provide more information than others.
                <br><br>
                If I had more time to go through each dataset by hand, I would do.
                But unfortunately, as I only had one school year to create this project I had to cherry pick datasets that both looked nice, and worked well
                with Chart.JS.
                <br><br>
                <u>(This will be discussed in-depth in the report.)</u>
            </p>
        </div>
        <div class="textBox">
            <h1>Technologies Used</h1>
            <p>
                <a href=https://www.chartjs.org>Chart.js</a>
                <br>
                <a href="https://d3js.org/">D3 (only for parsing of CSV data)</a>
                <br>
                Base HTML 5 + CSS
                <br>
                <a href="https://fonts.google.com/specimen/Michroma">Michroma Google Font</a>
                <br>
                <a href="https://www.data.gov.uk/">Data Collected From data.gov.uk</a>
            </p>
        </div>
    </body>
</html>