TimberVis Flexiboard: Visualization and Exploration Flexiboard for Timber Buildings IoT data sensors.
The pulse of the wood
Monitoring of Wooden houses: Time series of sensors data measuring
humidity, temperatures, vibrations and weather conditions.
https://lnu.se/forskning/forskningsprojekt/projekt-flexiboard-for-visualisering-och-utforskning-av-trabyggnader/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
151 lines
4.0 KiB
151 lines
4.0 KiB
|
|
Kalejdash data flexiboard:
|
|
an Infravis.se data visualization & exploration interface and server-API that enables the creation of editable dashboard combining diagrams creation with rich text entries.
|
|
|
|
##############################################
|
|
|
|
|
|
Last ToDo, after v0.9-alpha
|
|
codenae: "Forum Wood Building Nordic 2023"
|
|
|
|
- Grid and Horizon: make compatible d3js versions to arrange the tooltips bugs.
|
|
- Parallel:
|
|
> Reload/re-render graph when resizing column.
|
|
> Check <g class="c3-grid c3-grid-line" -> this is not getting update, even when swaping windows or unfocus&clic outside the page.
|
|
- Add home page texts to config/confir.json
|
|
|
|
|
|
BIG:
|
|
|
|
> EDIT DIAGRAM function + button (or TEXT) + Form button "open in new window"
|
|
|
|
> Save current flexiboard as a JSON in the server (!) -> Rafa needs to do the server-site again through the flask API
|
|
|
|
|
|
|
|
#################################################33
|
|
#################################################33
|
|
FORM IDs:
|
|
|
|
|
|
Parallel -> P
|
|
-----------
|
|
---->Yearly - Y
|
|
<form id="PY">
|
|
<input id="PYTitle" name="PYTitle"
|
|
<select id="PYSensor" name="PYSensor"
|
|
<input id="PYYear" name="PYYear"
|
|
<input id="PYTime" name="PYTime"
|
|
|
|
---->Monthly -> M
|
|
<form id="PM">
|
|
<input id="PMTitle" name="PMTitle"
|
|
<select id="PMFamSensor" name="PMFamSensor"
|
|
<select id="PMParameter" name="PMParameter"
|
|
<input id="PMYearMonth" name="PMYearMonth"
|
|
<input id="PMTime" name="PMTime"
|
|
|
|
NEW
|
|
---->Weekly -> M
|
|
<form id="PW">
|
|
<input id="PWTitle" name="PMTitle"
|
|
<select id="PWFamSensor" name="PWFamSensor"
|
|
<select id="PWParameter" name="PWParameter"
|
|
<input id="PWWeekMonday" name="PWYear"
|
|
Wekday:
|
|
<input name="PMWeekMonday" id="PMWeekMonday"
|
|
|
|
|
|
<input id="PMTime" name="PMTime"
|
|
|
|
|
|
DONE
|
|
---->Daily -> D
|
|
<form id="PD">
|
|
<input id="PDTitle" name="PDTitle"
|
|
<select id="PDFamSensor" name="PDSensor"
|
|
<select id="PDParameter" name="PDParameter"
|
|
<input id="PDYearMonthDay" name="PDYearMonthDay"
|
|
<input id="PDTime" name="PDTime"
|
|
|
|
|
|
#################################################33
|
|
|
|
Grid --> G
|
|
----
|
|
---->Yearly -> Y
|
|
<form id="GY">
|
|
<input id="GYTitle" name="GYTitle"
|
|
<select id="GYSensor" name="GYSensor"
|
|
<input id="GYYear" name="GYYear"
|
|
<input id="GYTime" name="GYTime"
|
|
|
|
|
|
---->Monthly -> M
|
|
<form id="GM">
|
|
<input id="GMTitle" name="GMTitle"
|
|
<select id="GMSensor" name="GMSensor"
|
|
<input id="GMYearMonth" name="GMYearMonth"
|
|
<input id="GMTime" name="GMTime"
|
|
|
|
|
|
---->Weekly -> D
|
|
<form id="GW">
|
|
<input id="GWTitle" name="GWTitle"
|
|
<select id="GWSensor" name="GWSensor"
|
|
<input id="GWYearMonthMonday" name="GWYearMonthMonday"
|
|
<input id="GWTime" name="GWTime"
|
|
|
|
#################################################33
|
|
|
|
HorizonChart - H
|
|
------------
|
|
|
|
----> Yearly -> Y
|
|
<form id="HW">
|
|
<input id="HYTitle" name="HYTitle"
|
|
<select id="HYSensorFamily" name="HYSensorFamily"
|
|
<input id="HYYear" name="HYYear"
|
|
<input id="HYTime" name="HYTime"
|
|
selectedItems1
|
|
|
|
|
|
----> Monthly- M
|
|
<form id="HW">
|
|
<input id="HMTitle" name="HMTitle"
|
|
<select id="HMSensorFamily" name="HMSensorFamily"
|
|
<select id="HMYearMonth" name="HMYearNonth"
|
|
<input id="HMTime" name="HMTime"
|
|
selectedItems2
|
|
|
|
|
|
----> Weekly -> W
|
|
<form id="HW">
|
|
<input id="HWTitle" name="HWTitle"
|
|
<select id="HWSensorFamily" name="HWSensorFamily"
|
|
<input id="HWYear" name="HWYear"
|
|
<input id="HWTime" name="HWTime"
|
|
selectedItems3
|
|
|
|
#################################################
|
|
#### Short names and definitions of the three techniques used this app.
|
|
|
|
> Name of the App -> Flexiboard:
|
|
>> is the idea f any dashboard that needs is buided by interacting through web page.
|
|
>> you can biuld and save a customized, always editable, shared. In this first version, any saved flexiboard is accessible if you know its URL.
|
|
The idea is that the user/editor of the App may curate the home page with contents highlighting/presenting.
|
|
|
|
> Parallel:
|
|
Track Family of sensores
|
|
Track Family of sensores in a parallel coordinate visuall technick, use it as a escale of the real positions and mesures on a time period.
|
|
|
|
|
|
-----
|
|
> Grid:
|
|
Track one sensor.
|
|
Track one sensor for outlayer at a glance in a chossen time period
|
|
|
|
|
|
--------
|
|
> Horizon:
|
|
|
|
|