diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..0a341ac Binary files /dev/null and b/.DS_Store differ diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/README.md b/README.md index 8ae978b..4f8aa86 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,4 @@ # bus-metrics-england-visual -Interactive visual of bus reliability metrics by LSOA for England (January - April 2024, based on daily BODS data from 7-10am) +Interactive visual of bus reliability metrics by LSOA for England (February - April 2024, based on daily BODS data from 7-10am) + +Please note that these are experimental metrics. Every effort has been made to verify the accuracy of the metrics but user caution should be exercised. diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/example_suppressed_mini.html b/assets/example_suppressed_mini.html new file mode 100644 index 0000000..f1d04f2 --- /dev/null +++ b/assets/example_suppressed_mini.html @@ -0,0 +1,15 @@ +Bus Punctuality Rate - England - 1st Feburary to 30th April 2024 - 7-10am daily
\ No newline at end of file diff --git a/assets/logo_reduced.png b/assets/logo_reduced.png new file mode 100644 index 0000000..243be19 Binary files /dev/null and b/assets/logo_reduced.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8ba1672 --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + Bus Punctuality Rate - England - 1st February to 30th April 2024 - 7-10am daily + + + + +
+ + +
+ +
Bus Punctuality Rate by LSOA in England - February-April 2024 (daily 7-10am)
+
+
    +
    • + +
  • No data or incomplete data
    • +
  • Data suppressed (below matched rate of 2 service stops per day on average)
    • + + 020406080100Percentage of matched service stops classified as punctual' + + + +
    Source: Bus Open Data Service, ONS Data Science Campus
+
+
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..5be4a82 --- /dev/null +++ b/styles.css @@ -0,0 +1,80 @@ +body { + margin: 0; +} + +.content { + height: 100vh; + width: 100vw; + font: "Arial"; + font-size: 11px; +} + +#iframe-content { + height: 100vh; + width: 100vw; + border: none; + margin: 0; + padding: 0; + overflow: hidden; + z-index: 1; +} + +#logo { + position: absolute; + left:0px; + bottom:150px; + background-color: white; + padding: 5px; + z-index: 10; + border-radius: 10px; +} + +.legend { + max-width: 600px !important; + position: absolute; + left:20px; + bottom:15px; + background-color: white; + padding: 5px; + z-index: 10; + border-radius: 10px; +} + +.content .legend-detail ul { + margin: 0; + margin-bottom: 5px; + padding: 0; + float: left; + list-style: none; + } + +.content .legend-detail ul li { + line-height: 18px; + margin-bottom: 2px; + } + +.content ul.legend-labels li span { + display: block; + float: left; + height: 16px; + width: 16px; + margin-right: 5px; + margin-left: 0; + } + +.content .legend-title { + text-align: left; + margin-bottom: 5px; + font-weight: bold; + font-size: 120%; + } + +.content .legend-source { + color: #999; + clear: both; + } + +.content a { +color: #777; +} +