diff --git a/index.html b/index.html index 2ff2462..0dcdfea 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ - + Diving Logbook Overview @@ -1788,20 +1788,18 @@ document.body.style.height = "100%"; document.documentElement.style.width = "100%"; document.documentElement.style.height = "100%"; - if (cel) { - cel.style.position = "absolute"; - var pad = unpackPadding(sizing.padding); - cel.style.top = pad.top + "px"; - cel.style.right = pad.right + "px"; - cel.style.bottom = pad.bottom + "px"; - cel.style.left = pad.left + "px"; - el.style.width = "100%"; - el.style.height = "100%"; - } + cel.style.position = "absolute"; + var pad = unpackPadding(sizing.padding); + cel.style.top = pad.top + "px"; + cel.style.right = pad.right + "px"; + cel.style.bottom = pad.bottom + "px"; + cel.style.left = pad.left + "px"; + el.style.width = "100%"; + el.style.height = "100%"; return { - getWidth: function() { return cel.offsetWidth; }, - getHeight: function() { return cel.offsetHeight; } + getWidth: function() { return cel.getBoundingClientRect().width; }, + getHeight: function() { return cel.getBoundingClientRect().height; } }; } else { @@ -1809,8 +1807,8 @@ el.style.height = px(sizing.height); return { - getWidth: function() { return el.offsetWidth; }, - getHeight: function() { return el.offsetHeight; } + getWidth: function() { return cel.getBoundingClientRect().width; }, + getHeight: function() { return cel.getBoundingClientRect().height; } }; } } @@ -2034,8 +2032,8 @@ elementData(el, "initialized", true); if (bindingDef.initialize) { - var result = bindingDef.initialize(el, el.offsetWidth, - el.offsetHeight); + var rect = el.getBoundingClientRect(); + var result = bindingDef.initialize(el, rect.width, rect.height); elementData(el, "init_result", result); } } @@ -2077,29 +2075,30 @@ forEach(matches, function(el) { var sizeObj = initSizing(el, binding); + var getSize = function(el) { + if (sizeObj) { + return {w: sizeObj.getWidth(), h: sizeObj.getHeight()} + } else { + var rect = el.getBoundingClientRect(); + return {w: rect.width, h: rect.height} + } + }; + if (hasClass(el, "html-widget-static-bound")) return; el.className = el.className + " html-widget-static-bound"; var initResult; if (binding.initialize) { - initResult = binding.initialize(el, - sizeObj ? sizeObj.getWidth() : el.offsetWidth, - sizeObj ? sizeObj.getHeight() : el.offsetHeight - ); + var size = getSize(el); + initResult = binding.initialize(el, size.w, size.h); elementData(el, "init_result", initResult); } if (binding.resize) { - var lastSize = { - w: sizeObj ? sizeObj.getWidth() : el.offsetWidth, - h: sizeObj ? sizeObj.getHeight() : el.offsetHeight - }; + var lastSize = getSize(el); var resizeHandler = function(e) { - var size = { - w: sizeObj ? sizeObj.getWidth() : el.offsetWidth, - h: sizeObj ? sizeObj.getHeight() : el.offsetHeight - }; + var size = getSize(el); if (size.w === 0 && size.h === 0) return; if (size.w === lastSize.w && size.h === lastSize.h) @@ -2401,7 +2400,6 @@ return result; } })(); - +
+



@@ -6657,7 +6895,7 @@

Number of dive types

This barplot shows the number of dives per dive type and class. It reflects the diving experience of the diver regarding performance and type of training.

-

+



@@ -6665,7 +6903,7 @@

Number of dive types

Cumulative number of dives

This plot shows the cumulative number of dives over time. It reflects the overall diving experience of the diver.

-

+



@@ -6673,7 +6911,7 @@

Cumulative number of dives

Logged dives depths

This scatterplot shows the maximum depths of a number of dives over time. It reflects the experience of the diver regarding depth.

-

+



@@ -6683,7 +6921,7 @@

Dives per region and platform

platform of entrance to the water. It reflects the experience of the diver regarding variety of divesites while providing a glimpse of the experience of the diver regarding the entrance to the water.

-

+



@@ -6693,7 +6931,7 @@

Dive sites depths variation

according to the data collected from this logbook. This plot can be helpful for planning dives or trainings with specific depth requirements.

-

+

@@ -6723,11 +6961,11 @@

Highlights

Number of dives -508 +514 Number of dive sites -71 dive sites (9 countries) +74 dive sites (10 countries) Maximum depth @@ -6735,7 +6973,7 @@

Highlights

Total bottom time -179 hours (287 bottom times recorded) +182 hours (293 bottom times recorded) Maximum bottom time in a dive @@ -6747,7 +6985,7 @@

Highlights

Last dive -2023-08-15 = 2 days ago +2023-10-18 = 5 days ago @@ -6760,7 +6998,7 @@

Logbook data

such as eventRemarks are omitted from this data frame

diff --git a/index13.html b/index13.html new file mode 100644 index 0000000..2788fb1 --- /dev/null +++ b/index13.html @@ -0,0 +1,6915 @@ + + + + + + + + + + + + + + + +Diving Logbook Overview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + +


+

This document provides a thorough visualization and exploration of a +SCUBA Diving Logbook through the usage of spatio-temporal and +categorical plots and maps and informative data tables. Please note +that some plots may seem incomplete. This is due to the lack of high +quality data in the logbook, e.g. maximumDepthInMeters, locationID and +bottomTime were not recorded for all the dives.

+ +
+

+ +
+

Maps and plots

+
+

Dives distribution map

+

This is an interactive map with detailed information on each dive +(feel free to click and hover over the dive points to find more +information about each dive):

+ +
+ +
+



+
+
+

Number of dive types

+

This barplot shows the number of dives per dive type and class. It +reflects the diving experience of the diver regarding performance and +type of training.

+

+
+



+
+
+

Cumulative number of dives

+

This plot shows the cumulative number of dives over time. It reflects +the overall diving experience of the diver.

+

+
+



+
+
+

Logged dives depths

+

This scatterplot shows the maximum depths of a number of dives over +time. It reflects the experience of the diver regarding depth.

+

+
+



+
+
+

Dives per region and platform

+

This barplot shows the number of dives per region, country and +platform of entrance to the water. It reflects the experience of the +diver regarding variety of divesites while providing a glimpse of the +experience of the diver regarding the entrance to the water.

+

+
+



+
+
+

Dive sites depths variation

+

This boxplot shows the maximum depth variation of each divesite +according to the data collected from this logbook. This plot can be +helpful for planning dives or trainings with specific depth +requirements.

+

+ + + + + + + +
+



+ +
+
+
+

Data

+
+

Highlights

+

This data frame shows some highlights extracted from the diving +logbook. Please take into account that not all the data (such as dates, +depths or bottom times) are always recorded for every dive.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RecordedValue
Number of dives508
Number of dive sites71 dive sites (9 countries)
Maximum depth40.7 meters
Total bottom time179 hours (287 bottom times recorded)
Maximum bottom time in a dive89 minutes
Diving since12 years ago
Last dive2023-08-15 = 2 days ago
+
+



+
+
+

Logbook data

+

This data frame shows the diving logbook used. Personal information +such as eventRemarks are omitted from this data frame

+
+ +
+
+



+ +
+
+
+

Certifications

+ ++++++ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
diverIDcertificationNamecertificationAgencycertificationDate
1110EX9520Open Water DiverPADI2011-10-23
1206EE3434Advanced Open Water DiverPADI2012-06-17
1408UU2487EFR-Primary Care (CPR) & Sec Care (1st aid)PADI2014-08-24
1408UU2482Rescue DiverPADI2014-08-27
386108DivemasterPADI2016-07-15
1608ET9544Enriched Air DiverPADI2016-07-25
1608ET9553Deep DiverPADI2016-07-31
386108Discover Scuba Diving LeaderPADI2017-07-01
1708EI9804Sidemount DiverPADI2017-08-28
2106EA3127EFR - Primary Care (CPR) & Sec Care (1st) w/ +AEDPADI2021-06-09
2106EA3137Emergency Oxygen ProviderPADI2021-06-09
BE000088Belgian Scientific DiverBELSPO2021-12-16
+ +
+
+ + + + +
+ + + + + + + + + + + + + + +