Comments (2)
We're looking at how to display multiple icons side-by-side so we can visualize multiple route evaluation criteria at once, but we're not sure of the best way to do this right now.
One option is to just put down one point for each criteria, each with its own icon to visualize a different criteria. Problems with doing this are that we would need to figure out where to place each point on the map, and the spacing between the points would be static: if your zoom way out, the points would all squish together, and if you zoom out, the points would be far apart.
Another option is to have one icon visible for each route at first. This would be an overall evaluation of the route. When the user clicks on this icon, a description would pop up that gives details about why the route was evaluated the way it was and ratings of all the individual criteria.
from data61-capstone-2016.
A work around would be to provide a panel on the side, so the user can choose which categories are of interest. Selecting the required categories will affect which points get displayed on the path.
Another approach would be to use visualizations to abstractly indicate the "goodness" of the path. For example use strokes and color to show the goodness, and if user wants, they can select the option of showing the actual points of interest. So with this, user can see which paths is better (for example the green thick one!) and to see why it is better, choose the option and see the points on the path to drill down.
With Strokes/color you could use twisting lines to show multi categories (I would very much like to see this one if possible to implement!)
from data61-capstone-2016.
Related Issues (20)
- Prepare a demo for the midterm presentation HOT 3
- Make a demo CSV file with sample tweets, picture, and their associated cities or coordinates HOT 1
- Write a function that can import social media data from GeoJSON HOT 1
- Style data points based on type HOT 2
- Explore route quality visualizations HOT 2
- Sprint 2 report HOT 1
- Include User value in point KML
- Link directly to NationalMap HOT 1
- Google Maps Flickr MashUp won't display markers containing photos on map
- Limit the points of interest we display to nearby locations
- Add a side panel that can toggle route visibility HOT 1
- Display KML in the embedded map in our app HOT 4
- Import KML into Google map
- Most of the Flickr photos have "undefined" coordinates HOT 1
- Fix the buttons in app.html
- Notify the user when KML file is ready to download HOT 1
- Link the side panel to the KML layers HOT 1
- To/From text fields HOT 1
- Mock up other route criteria
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 data61-capstone-2016.