Comments (5)
From version 1.2.0, this could be more feasible for anyone wishing to implement their own summary / chart
Examples:
More info at:
D3:
Greetings,
Raruto
from leaflet-elevation.
Hi Fabian,
I'm glad to know you like the leaflet-ui plugin too and thanks also for the mention inside your own project.
Which is why I would like to know if it would be possible to somehow add additional plots for more activity data, e.g. heart rate, pace, speed, temperature, ...
It would be great to have multiple plots below each other displaying all kinds of data, which are all connected to each other via the hover cursor.
This is definitely an interesting feature, but it requires a certain level of study and knowledge of this plugin, d3js and the leaflet ecosystem. Nothing too much complicated, but it's something that can take a while before it can be released.
For example, I know that the heightgraph plugin has a similar functionality on which you can rely on to take some inspiration.
As for the heart rate, pace, speed and temperature I know that the gpx plugin allows you to extract some of these parameters directly from the file (but I'm not sure if it can also calculate them for you).
I am not asking you to do this for me, since it would clearly be above the scope of this project, rather than asking you to point me in the right directions, so I give it a try.
If you actually care to understand how this library works, I suggest you start taking a quick look at the original plugin code. Although its operation may seem different, this library internally still relies heavily on the initial work of MrMufflon.
As far as you are concerned, in this other branch, I have also started a work of documentation and some code refactoring.
As usual, help and pull requests are welcome.
from leaflet-elevation.
PS here you can see a simple example which allows you to add custom external content to the svg
chart
from leaflet-elevation.
Hi Raruto,
thanks for the hints!
I do already have most of the data in the db of my application. It is parsed from fit files (Garmin) and gpx files. In order to plot it using your plugin, the data is read from the db, formatted as geojson and passed to the view. The data is passed as a list of lists containing the coordinates together with the elevation data, like
[[A, B, C], [A, B, C], ...]
where A is longitude, B is latitude and C is elevation. I was hoping to simply add a fourth value D (and a fifth E, and so on) to the list which could for example be temperature (pace, ...). For sure there would be even more adjustments necessary to enable your plugin to distinguish between the different list elements and create additional plots.
I will have a look into it.
Thanks again, feel free to close this issue :)
from leaflet-elevation.
I was hoping to simply add a fourth value D (and a fifth E, and so on) to the list which could for example be temperature (pace, ...).
The actual code implementation should be disconnected from the type of data contained / displayed (perhaps an approach to multiple arrays would be preferable). In this way you could switch from one element to another without having to necessarily define "strange" rules (in essence points are always x, y, z) regardless of the type of displayed. <-- that is, could the variable z be contained in several dedicated arrays?
Have a nice Sunday,
Raruto
from leaflet-elevation.
Related Issues (20)
- Integration with Bootstrap framework (v3.3.7) HOT 2
- Omitting the `<ele>` tag in gpx file throws Uncaught DOMException: CanvasGradient.addColorStop: Invalid color HOT 2
- GDPR compliance - usage without unpkg.com HOT 8
- Skip distance in chart between multiple tracks HOT 7
- Hide file url and encrypt gpx data HOT 9
- How to add the Download button to a gpxGroup map HOT 2
- Android: Pointer on elevation graph HOT 2
- Change decimal and thousands separator HOT 4
- Polyline layer turns black after turning off all legend filters (`legend: true` + `preferCanvas: false`) HOT 6
- Updating a track continuously (live tracking) HOT 3
- Unsopperted GeoJSON feature geometry type:Point HOT 1
- Download link HOT 1
- How to show Elevation in decimal? HOT 3
- Marker tooltip with negative elevation HOT 1
- Polyline layer turns black after turning off all legend filters on custom colors HOT 4
- Disable built-in lazy loader (dynamic imports) and load all dependencies statically HOT 8
- Leaflet elevation get track properties (Length, Elevation, time, etc) HOT 1
- Unable to Display Elevation Chart in Angular Project with leaflet-elevation HOT 6
- {{track_info}} not always correctly build HOT 5
- Angular and leaflet-elevation HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leaflet-elevation.