technologiestiftung / berlin-shade-map Goto Github PK
View Code? Open in Web Editor NEWMap that shows shades of different times of day and refreshment locations across Berlin [no longer maintained]
License: MIT License
Map that shows shades of different times of day and refreshment locations across Berlin [no longer maintained]
License: MIT License
E.g. the buildings could be light grey, instead of beige/brown.
Safari 14 now supports the webp
image format used for the shade tiles (see Release Note).
We might want to adjust the incompatibility note that is displayed to iOS and Safari users.
Instead of attempting to load the application no matter what, we could test if the client supports the webp image format. If not, we don't load the map, save data for the user, and show a static image of the map along with a note suggesting to try in a different browser.
See also #39
Consider moving the logos somewhere else, e.g. to the sidebar.
In Safari, the shades are not displayed, instead a black background is visible. Likely due to Safari not supporting the webp
format that the shade tilesets use.
On mobile, when a location marker is tapped and the tooltip appears, the small pointer triangle becomes mislocated (next to the tooltip)
The shade layers take quite some time to display. The underlying data is large, but maybe there is a way to optimize this, still.
If @fabianmoronzirfas or @sebastian-meier have suggestions, you're welcome!
Should not be concatenated in the client, but processed beforehand.
The Time-to-Interactive of the map is rather long. Perhaps there should be something like a splash screen.
Consider inverting the colors. Maybe add a box-shadow.
Is sometimes hidden on mobile and tablet. Is sometimes partially covered by sidebar on larger screens.
To reproduce:
Might be related to routing.
Search field + results shouldn't be hidden behind keyboard. Input shouldn't change the width of the sidebar.
On mobile? On all devices?
At the moment, the note that appears in unsupported environments is rather general. Could be more specific.
Should close sidebar when expanded.
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.