Datavis: Responsive Design #2

Open
opened 2020-05-29 15:18:22 +00:00 by phryk · 2 comments
phryk commented 2020-05-29 15:18:22 +00:00 (Migrated from rnd.phryk.net)

Make datavisualization as responsive as possible. Should always scale to 100% width.

Tricky for <path>s but doable by defining a viewBox of "0 0 100 100", just rendering without % in that (because <path> doesn't support % as unit) and then do media queries to adjust stroke-width according to width.

Possible to make plot scale independent from aspect ratio while keeping that of descriptions?

Make datavisualization as responsive as possible. Should always scale to 100% width. Tricky for `<path>`s but doable by defining a viewBox of "0 0 100 100", just rendering without % in that (because `<path>` doesn't support `%` as unit) and then do media queries to adjust `stroke-width` according to width. Possible to make plot scale independent from aspect ratio while keeping that of descriptions?
phryk commented 2020-06-12 21:26:00 +00:00 (Migrated from rnd.phryk.net)

#717 fixes this (mostly, mobile still has weird issue with different dimensions for px) for plots. Fix for the geodata system first needs dependency issues to be resolved.

#717 fixes this (mostly, mobile still has weird issue with different dimensions for px) for plots. Fix for the geodata system first needs dependency issues to be resolved.
phryk commented 2020-07-23 16:49:59 +00:00 (Migrated from rnd.phryk.net)

Map rendering still incomplete, but already as responsive as numeric plots.

Map rendering still incomplete, but already as responsive as numeric plots.
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: phryk-evil-mad-sciences-llc/poobrains#2
No description provided.