ilyabo / remittances Goto Github PK
View Code? Open in Web Editor NEWInteractive visualization of the world remittance flows
Home Page: https://ilyabo.github.io/remittances/?en
Interactive visualization of the world remittance flows
Home Page: https://ilyabo.github.io/remittances/?en
How do we manage the two language versions?
xls-file sent via email
details.remittances.title should be different for total view and country view.
the text "von Migranten in ihre Heimat gesendet" fits perfect for the total view, but could be misunderstood in the single country view (as remittance outflows of the selected country)
for the single country view, details.remittances.title should be something like "von Migranten erhalten"
added this to the messages.json
"amount.billions.singular" : "{0} Milliarde",
"amount.millions.singular" : "{0} Million",
As far as I can see, the slider behaves differently in Firefox than in Chrome and Safari.
In Chrome and Safari, you have to point and drag the slider. In Firefox, it slides right and left whenever you move your cursor over it. Is that a Firefox-specific behaviour or can we apply it to the other browsers as well? The Firefox version makes it much easier for users to understand how to user the slider.
It might be better for the user if we make it possible to interact with the vis already while the user looks through the guiding slides. So the input would not be blocked as it is now. But it would be possible to move the slide on the side, so it does not cover anything, and bring it back anytime.
This way it can be more engaging, because the user would starts to play with the visualization already in the first slide. And we would then need only one "Play" button. Now it's confusing with the many buttons.
What do you think?
If a country is selected, hovering over another country should show how many emigrations of the selected country are in that country (absolute number and % of all emigrations of the selected country).
maybe for V 1.1 (no prio)
horizontal time-axis looks cut off.
Currently, if a country has >0 migrants in any of the years, the country has a fill colour (very bright) for all years, even if the number of migrants falls to 0
once the intro is closed, we have a big black space on the left (because we moved the numbers panel to the right). how about moving the numbers panel to the left once the intro is closed?
currently, you have to move your finger/cursor up and down to click through the intro. would be more comfortable, if the button stayed at a fixed position, no matter how long the text above is.
To enhance usability on touch devices all hover actions have to be replaced with click actions so it's possible to tab on touch devices. @ilyabo
Firefox: all fine
Chrome: transition from slide 2 to 3 not possible
Safari: all transitions work, but text not displayed (only buttons)
all tested on mac osx 10.8.2.
Intro #2 should be fixed. According to OECD data remittances of 2011 seem to be only 2.5 times larger than aid:
I think we should add a slide before the current first one that gives a brief general intro to the topic and asks the user to launch the intro. When the user clicks on launch, the now first slide appears and the animation starts. What do you think, @ilyabo?
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.