-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
zoom and fill into center instead of left aligned #1
Comments
Actually, it is left aligned at all times in Firefox. Instead of JS, this can probably be fixed via some CSS guides. The elements might be instantiated dynamically, but classes can be added dynamically as well. |
|
changing the margin or padding of the It turns out we care more about how the SVG is drawn respective to its container than the positioning of the container itself. CSS is not a good solution. |
It might be better to try to use D3's built in zoom/translate capabilities: |
SVG geometric zooming |
The above works for moving and zooming around the bubble map as a user. It doesn't respect zoom level in any obvious way, although there would be three zoom levels of interest if that could somehow be captured. There should be a way to capture the zoom object in order to translate/zoom it when items in the right text box are clicked, but it doesn't seem super easy at first glance. |
New branch feature_d3_zoom was created for this feature. All text is now shown, for #3. Need to determine zoom level to show/hide text based on node depth, because it is unreadable right now. One can zoom and translate about the map easily with double click, touch, and mouse wheel. The connection between text box and circles has been lost, related to #6. This will need to be regained. The text box, when something is clicked within it, should able able to use |
click to zoom, much like the function in main, but zooms out when the thing zoomed into is clicked on: zoom slider, which should help capture the discrete zoom levels and make it clear where to zoom out: |
This text is too long to be readable without word wrap. SVG does not do word wrap as such, but peeps be fixin probs: |
textflow didn't work with the d3 stuff. manually adjust the text? some wordwrap code: |
…justed the word wrap limit based on one or two ugly cases.
When clicking on things which are zoomed, the zoom expands the window but centers the subject on the left side instead of closer to center.
zoom function is here:
https://github.com/sethwoodworth/books-library-stack/blob/master/wireframes/03/js/faculty_render.js#L112
The text was updated successfully, but these errors were encountered: