Skip to content

Commit

Permalink
charts got explanations!!
Browse files Browse the repository at this point in the history
  • Loading branch information
kauevestena committed Oct 19, 2024
1 parent 4c1795d commit 936e49a
Show file tree
Hide file tree
Showing 80 changed files with 681 additions and 202 deletions.
2 changes: 1 addition & 1 deletion data/data_updating.html
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ <h1><a href="https://kauevestena.github.io/opensidewalkmap_beta">OSWM</a> Updati

<tr><th><b>Webmap Generation</b></th><th>28/08/2024 07:33:01</th></tr>

<tr><th><b>Statistical Charts</b></th><th>18/10/2024 07:35:18</th></tr>
<tr><th><b>Statistical Charts</b></th><th>18/10/2024 21:53:53</th></tr>

<tr><th><b>Wiki check for keys</b></th><th>14/07/2022 15:14:22</th></tr>

Expand Down
2 changes: 1 addition & 1 deletion data/last_updated.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"Data Fetching": "18/10/2024 07:33:04",
"Data Pre-Processing": "11/01/2024 13:41:01",
"Webmap Generation": "28/08/2024 07:33:01",
"Statistical Charts": "18/10/2024 07:35:18",
"Statistical Charts": "18/10/2024 21:53:53",
"Wiki check for keys": "14/07/2022 15:14:22",
"Data Quality Tool": "18/10/2024 07:35:12",
"Versioning Data": "17/10/2024 17:08:09",
Expand Down
73 changes: 73 additions & 0 deletions statistics/all_data/all_data_age.html

Large diffs are not rendered by default.

73 changes: 73 additions & 0 deletions statistics/all_data/all_data_category.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html>


<head>


<div class="topnav" id="stTopnav">
<a href="https://kauevestena.github.io/opensidewalkmap_beta/" class="active">Go to Node Home</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/sidewalks/sidewalks_smoothness_x_surface.html">Sidewalks Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/crossings/crossing_types.html">Crossings Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/kerbs/kerbs_x_paving_x_wheelchair.html">Kerbs Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/other_footways/other_footways_subcategory.html">Other Footways Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_category.html">All Data Charts</a>

<a href="javascript:void(0);" class="icon" onclick="responsiveTopNav()">
<i class="fa fa-bars"></i>
</a>
</div>

<div class="sidebar">
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_category.html">Layer Feature Count</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_surface.html">Surface Type</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_smoothness.html">Smoothness Condition</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_tactile_paving.html">Tactile Paving Presence</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_lit.html">Lighting Status</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_traffic_calming.html">Traffic Calming Status</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_wheelchair_tag.html">wheelchair=*</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_age.html">Update Age</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_n_revs.html">Number of Revisions</a>
</div>



<link rel="stylesheet" href="https://kauevestena.github.io/oswm_codebase/assets/styles/stats_styles.css">
<script src="https://kauevestena.github.io/oswm_codebase/assets/webscripts/stats_funcs.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<title>OSWM Dashboard</title>

<link rel="icon" type="image/x-icon" href="https://kauevestena.github.io/oswm_codebase/assets/homepage/favicon_homepage.png">



<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>
<body>
<div id="vis"></div>
<script>
(function(vegaEmbed) {
var spec = {"config": {"view": {"continuousWidth": 300, "continuousHeight": 300}, "title": {"fontSize": 24}}, "data": {"name": "data-da1735782a0897d6676cff9dc88b088e"}, "mark": {"type": "bar"}, "encoding": {"color": {"field": "length(km)", "type": "quantitative"}, "tooltip": [{"field": "feature count", "type": "quantitative"}, {"field": "category type", "type": "nominal"}, {"field": "length(km)", "type": "quantitative"}], "x": {"field": "category type", "sort": "-y", "type": "nominal"}, "y": {"field": "count", "type": "quantitative"}}, "height": 300, "params": [{"name": "include_filter_out_opt", "bind": {"input": "checkbox", "name": "Include \"?\" (Unknown)"}, "value": true}, {"name": "param_19", "select": {"type": "interval", "encodings": ["x", "y"]}, "bind": "scales"}], "title": "All-Category Layers Feature Count", "transform": [{"filter": "include_filter_out_opt || datum['category type'] != '?'"}], "width": 650, "$schema": "https://vega.github.io/schema/vega-lite/v5.17.0.json", "datasets": {"data-da1735782a0897d6676cff9dc88b088e": [{"category type": "crossings", "length(km)": 22.99647500191592, "feature count": 1967, "count": 1967}, {"category type": "informal_footways", "length(km)": 32.45945723072023, "feature count": 180, "count": 180}, {"category type": "kerbs", "length(km)": 0.0, "feature count": 2759, "count": 2759}, {"category type": "main_footways", "length(km)": 425.60195017291943, "feature count": 5305, "count": 5305}, {"category type": "pedestrian_areas", "length(km)": 19.8143499463349, "feature count": 49, "count": 49}, {"category type": "potential_footways", "length(km)": 100.00082363560861, "feature count": 741, "count": 741}, {"category type": "sidewalks", "length(km)": 302.7351506126961, "feature count": 7890, "count": 7890}, {"category type": "stairways", "length(km)": 4.639557590552573, "feature count": 315, "count": 315}]}};
var embedOpt = {"mode": "vega-lite"};

function showError(el, error){
el.innerHTML = ('<div style="color:red;">'
+ '<p>JavaScript Error: ' + error.message + '</p>'
+ "<p>This usually means there's a typo in your chart specification. "
+ "See the javascript console for the full traceback.</p>"
+ '</div>');
throw error;
}
const el = document.getElementById('vis');
vegaEmbed("#vis", spec, embedOpt)
.catch(error => showError(el, error));
})(vegaEmbed);

</script>
<h4 style="padding-left: 14%;font-weight: normal;font-family: sans-serif;"> - Explanation: This chart allows you to visualize the number of features in each layer of the data, featuring also the length of each in different shades. Keep in mind that kerbs have no length and pedestrian areas have their perimeter represented. </h4>
</body>
</html>
73 changes: 73 additions & 0 deletions statistics/all_data/all_data_lit.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html>


<head>


<div class="topnav" id="stTopnav">
<a href="https://kauevestena.github.io/opensidewalkmap_beta/" class="active">Go to Node Home</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/sidewalks/sidewalks_smoothness_x_surface.html">Sidewalks Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/crossings/crossing_types.html">Crossings Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/kerbs/kerbs_x_paving_x_wheelchair.html">Kerbs Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/other_footways/other_footways_subcategory.html">Other Footways Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_category.html">All Data Charts</a>

<a href="javascript:void(0);" class="icon" onclick="responsiveTopNav()">
<i class="fa fa-bars"></i>
</a>
</div>

<div class="sidebar">
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_category.html">Layer Feature Count</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_surface.html">Surface Type</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_smoothness.html">Smoothness Condition</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_tactile_paving.html">Tactile Paving Presence</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_lit.html">Lighting Status</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_traffic_calming.html">Traffic Calming Status</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_wheelchair_tag.html">wheelchair=*</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_age.html">Update Age</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_n_revs.html">Number of Revisions</a>
</div>



<link rel="stylesheet" href="https://kauevestena.github.io/oswm_codebase/assets/styles/stats_styles.css">
<script src="https://kauevestena.github.io/oswm_codebase/assets/webscripts/stats_funcs.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<title>OSWM Dashboard</title>

<link rel="icon" type="image/x-icon" href="https://kauevestena.github.io/oswm_codebase/assets/homepage/favicon_homepage.png">



<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>
<body>
<div id="vis"></div>
<script>
(function(vegaEmbed) {
var spec = {"config": {"view": {"continuousWidth": 300, "continuousHeight": 300}, "title": {"fontSize": 24}}, "data": {"name": "data-280d1240d570213eb9d33b06e1e2c137"}, "mark": {"type": "bar"}, "encoding": {"color": {"field": "feature count", "type": "quantitative"}, "tooltip": [{"field": "lit type", "type": "nominal"}, {"field": "length(km)", "type": "quantitative"}, {"field": "feature count", "type": "quantitative"}], "x": {"field": "lit type", "sort": "-y", "type": "nominal"}, "y": {"field": "length(km)", "type": "quantitative"}}, "height": 300, "params": [{"name": "include_filter_out_opt", "bind": {"input": "checkbox", "name": "Include \"?\" (Unknown)"}, "value": true}, {"name": "param_23", "select": {"type": "interval", "encodings": ["x", "y"]}, "bind": "scales"}], "title": "All-Category Lighting Status", "transform": [{"filter": "include_filter_out_opt || datum['lit type'] != '?'"}], "width": 650, "$schema": "https://vega.github.io/schema/vega-lite/v5.17.0.json", "datasets": {"data-280d1240d570213eb9d33b06e1e2c137": [{"lit type": "?", "feature count": 18225, "length(km)": 827.4720884837527}, {"lit type": "no", "feature count": 124, "length(km)": 19.594728054086275}, {"lit type": "yes", "feature count": 908, "length(km)": 65.59056592103607}]}};
var embedOpt = {"mode": "vega-lite"};

function showError(el, error){
el.innerHTML = ('<div style="color:red;">'
+ '<p>JavaScript Error: ' + error.message + '</p>'
+ "<p>This usually means there's a typo in your chart specification. "
+ "See the javascript console for the full traceback.</p>"
+ '</div>');
throw error;
}
const el = document.getElementById('vis');
vegaEmbed("#vis", spec, embedOpt)
.catch(error => showError(el, error));
})(vegaEmbed);

</script>
<h4 style="padding-left: 14%;font-weight: normal;font-family: sans-serif;"> - Explanation: This chart allows you to visualize the different lighting (<a href='https://wiki.openstreetmap.org/wiki/Key:lit'>lit</a>) conditions in the whole data. </h4>
</body>
</html>
73 changes: 73 additions & 0 deletions statistics/all_data/all_data_n_revs.html

Large diffs are not rendered by default.

15 changes: 11 additions & 4 deletions statistics/all_data/all_data_smoothness.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,22 +6,28 @@


<div class="topnav" id="stTopnav">
<a href="https://kauevestena.github.io/opensidewalkmap_beta/" class="active">Home</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/" class="active">Go to Node Home</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/sidewalks/sidewalks_smoothness_x_surface.html">Sidewalks Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/crossings/crossing_types.html">Crossings Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/kerbs/kerbs_x_paving_x_wheelchair.html">Kerbs Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/other_footways/other_footways_subcategory.html">Other Footways Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_surface.html">All Data Charts</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_category.html">All Data Charts</a>

<a href="javascript:void(0);" class="icon" onclick="responsiveTopNav()">
<i class="fa fa-bars"></i>
</a>
</div>

<div class="sidebar">
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_category.html">Layer Feature Count</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_surface.html">Surface Type</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_smoothness.html">Smoothness Condition</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_tactile_paving.html">Tactile Paving Presence</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_lit.html">Lighting Status</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_traffic_calming.html">Traffic Calming Status</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_wheelchair_tag.html">wheelchair=*</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_age.html">Update Age</a>
<a href="https://kauevestena.github.io/opensidewalkmap_beta/statistics/all_data/all_data_n_revs.html">Number of Revisions</a>
</div>


Expand All @@ -38,14 +44,14 @@


<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-lite@5.20.1"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-lite@5.17.0"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>
<body>
<div id="vis"></div>
<script>
(function(vegaEmbed) {
var spec = {"config": {"view": {"continuousWidth": 300, "continuousHeight": 300}, "title": {"fontSize": 24}}, "data": {"name": "data-9ffeb526500f4d91c327474a2c46476d"}, "mark": {"type": "bar"}, "encoding": {"color": {"field": "feature count", "type": "quantitative"}, "tooltip": [{"field": "smoothness type", "type": "nominal"}, {"field": "length(km)", "type": "quantitative"}, {"field": "feature count", "type": "quantitative"}], "x": {"field": "smoothness type", "sort": "-y", "type": "nominal"}, "y": {"field": "length(km)", "type": "quantitative"}}, "height": 300, "params": [{"name": "include_filter_out_opt", "bind": {"input": "checkbox", "name": "Include \"?\" (Unknown)"}, "value": true}, {"name": "param_20", "select": {"type": "interval", "encodings": ["x", "y"]}, "bind": "scales"}], "title": "All-Category Smoothness Condition", "transform": [{"filter": "include_filter_out_opt || datum['smoothness type'] != '?'"}], "width": 650, "$schema": "https://vega.github.io/schema/vega-lite/v5.20.1.json", "datasets": {"data-9ffeb526500f4d91c327474a2c46476d": [{"smoothness type": "?", "feature count": 17669, "length(km)": 862.5031406940915}, {"smoothness type": "bad", "feature count": 210, "length(km)": 5.068524008491275}, {"smoothness type": "excellent", "feature count": 206, "length(km)": 6.917029111723541}, {"smoothness type": "good", "feature count": 661, "length(km)": 23.03315318846913}, {"smoothness type": "horrible", "feature count": 8, "length(km)": 0.28693121889078016}, {"smoothness type": "impassable", "feature count": 5, "length(km)": 0.13874211790245888}, {"smoothness type": "intermediate", "feature count": 467, "length(km)": 13.172054028274419}, {"smoothness type": "very_bad", "feature count": 24, "length(km)": 0.6059131830369366}, {"smoothness type": "very_horrible", "feature count": 7, "length(km)": 0.931894907995328}]}};
var spec = {"config": {"view": {"continuousWidth": 300, "continuousHeight": 300}, "title": {"fontSize": 24}}, "data": {"name": "data-23b6d490db2541a9b6e33e2fe25eaaa5"}, "mark": {"type": "bar"}, "encoding": {"color": {"field": "feature count", "type": "quantitative"}, "tooltip": [{"field": "smoothness type", "type": "nominal"}, {"field": "length(km)", "type": "quantitative"}, {"field": "feature count", "type": "quantitative"}], "x": {"field": "smoothness type", "sort": "-y", "type": "nominal"}, "y": {"field": "length(km)", "type": "quantitative"}}, "height": 300, "params": [{"name": "include_filter_out_opt", "bind": {"input": "checkbox", "name": "Include \"?\" (Unknown)"}, "value": true}, {"name": "param_21", "select": {"type": "interval", "encodings": ["x", "y"]}, "bind": "scales"}], "title": "All-Category Smoothness Condition", "transform": [{"filter": "include_filter_out_opt || datum['smoothness type'] != '?'"}], "width": 650, "$schema": "https://vega.github.io/schema/vega-lite/v5.17.0.json", "datasets": {"data-23b6d490db2541a9b6e33e2fe25eaaa5": [{"smoothness type": "?", "feature count": 17669, "length(km)": 862.5031406940911}, {"smoothness type": "bad", "feature count": 210, "length(km)": 5.068524008491275}, {"smoothness type": "excellent", "feature count": 206, "length(km)": 6.917029111723541}, {"smoothness type": "good", "feature count": 661, "length(km)": 23.03315318846913}, {"smoothness type": "horrible", "feature count": 8, "length(km)": 0.28693121889078016}, {"smoothness type": "impassable", "feature count": 5, "length(km)": 0.13874211790245888}, {"smoothness type": "intermediate", "feature count": 467, "length(km)": 13.172054028274419}, {"smoothness type": "very_bad", "feature count": 24, "length(km)": 0.6059131830369366}, {"smoothness type": "very_horrible", "feature count": 7, "length(km)": 0.931894907995328}]}};
var embedOpt = {"mode": "vega-lite"};

function showError(el, error){
Expand All @@ -62,5 +68,6 @@
})(vegaEmbed);

</script>
<h4 style="padding-left: 14%;font-weight: normal;font-family: sans-serif;"> - Explanation: This chart allows you to visualize the different levels of <a href='https://wiki.openstreetmap.org/wiki/Key:smoothness'>smoothness</a> present in the whole data. </h4>
</body>
</html>
Loading

0 comments on commit 936e49a

Please sign in to comment.