rsginc / activityviz Goto Github PK
View Code? Open in Web Editor NEWActivityViz - Travel and Activity Data Visualization Dashboard
Home Page: http://rsginc.github.io/ActivityViz/
License: Apache License 2.0
ActivityViz - Travel and Activity Data Visualization Dashboard
Home Page: http://rsginc.github.io/ActivityViz/
License: Apache License 2.0
The visuals need to intelligently resize as the user resizes the browser window
maybe add checkboxes next to the legend items in order to selectively show bars. Also redraw the chart so the xmin and xmax are rescaled to only the values for the bars drawn.
with county filter on in bar chart, re-scale the y-axis based on the visible data
I can only click the label of the bar chart to highlight a county right now, can I click the chart to highlight it, more intuitively? @yingping00
provide more space so sliders don't overlap with color picker boxes
The text below the bar chart overlaps with the bar chart sometimes. @yingping00
The descriptive text for the visuals needs to be updated based on the input data table. So, if the table doesn't include a TRIP_MODE_NAME column, then the descriptive text needs to change as well.
The bottom layer is a background map and it contains place labels. We need to think about how to add a label layer so you can color the polygons and then add place labels on top.
we need to connect the color boxes to the slider labels so it is clear which colors apply to which ranges. We could also color the slider ramp with the color ranges.
We also need to label the NA color box and move it over so it is different from the color range boxes
Great example of using the census api: https://uscensusbureau.github.io/citysdk/examples-v2/#/income-and-population#map-content
Function display_charts() in scenario/barchart_and_map.js has a logical error.
it assumes every county will have all modes and therefore that straight indexing based on mode will get correct value. For some modes, the county has no data so the mode slot will not exist.
Later reference will get the next mode and final modes may well have undefined values...
probably in the top right of the page?
On the bar chart, Can I just deselect some items from all options instead of select each one that I want. Eg: If I want to select 15 counties, I can only select one by one for 15 times…
Can I just click the bar chart and deselect the county that I don’t want?
need to fix file references by removing "/" at the beginning
sliders only work for custom classification so grey them out if not available
eventually the page will contains lots of visuals, so each needs a title and an intro paragraph. So, add a title - Bar Chart and Map - and then a paragraph of text. I think the text could possibly be an editable text box so the user can customize what it says. Then add text boxes above and below the bar chart and map and the color slider. I'll write the text once we have the layout and then we can make that the default text.
Instead of the four color pickers, we're going to use ColorBrewer palettes. We'll set a default alpha channel (for transparency) as well.
add a control to specify the time between redrawing the map. Maybe a drop down from 1 to 10? Add a "sec" label as well.
Noticed that there are 5873 geo json zones but we have data for 5847.
It is okay of some zones are missing data but just wanted to know if this was expected
Add the ARC logo to the top like http://atlregional.github.io/proj-eval/ or http://cycleatlanta.org/images/arc-logo.png
The scaling of bubbles is stupid. It needs to be changed from linear to exponential or some other proper method. With linear, you get really big bubbles for some of the zones. As a result, when you change the bubble color theme, and go back to highlight your area of interest, it can be difficult to see. @yingping00
The geostats library already being used by ABMVIZ includes the jenks / natural breaks classifier and so we're going to use it as the default since it is typically the best default. It is the default in ArcGIS as well.
bubbles requires a zone centroid. Instead of calculating every time, create the centroids at the beginning when loading the geojson
the bar chart legend is behind the map...this needs to be fixed
Once all the visuals and required example data are complete, we need to update the main page text
Is there a way to fit to screen? All the legend stuff at the bottom of the screen doesn’t show unless I scroll down…
like previous ABMVIZ, the user could select a couple counties of bar charts in order to zoom in and just shown them. Then they could deselect and zoom out.
With map classification custom selected, when I change a color, the range slider below doesn’t change colors until you click “update map”. @yingping00
The first is "TRIP_MODE_NAME" since this is the name of the column in the CSV. The second is "Classification"
some of the charts, especially the sunburst, for the RP-NB data are funny due to negative values.
with county filter active, the ability to turn back on modes is not working
add the ability to draw bubbles at each zone centroid in addition to coloring zones like the old ABMVIZ. Allow user to set the bubble color and max width. Animation needs to work with bubbles as well.
maybe add it to the header
The chart and map instructions are using up a lot of vertical space. Will try to move the instructions into a vertical div that will open on hover
add the ability to cycle through the TRIP_MODE drop down fields every X seconds and redraw the bar chart and map.
This is the original animated gif that I created in R that we need to replicate with JavaScript as requested by @guyrousseau. The supporting data is in the 3DAnimatedMapData.csv file.
We'll use this for describing how to use the visuals. The sample text above the visuals will describe what they mean.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.