Comments (5)
+1 on this one.
Yes having autopadding would be very useful. Right now with very long label text they just got cut off this makes chart look very ugly. It would be nice if this could be solved with either autopadding or with text wrapping or with elipses in the labels. I've seen the same issue with out of the box D3 Axes would be great if this could be solved in Vega.
from vega.
It occurs to me that this might be tricky to do with headless rendering, since I don't believe that node.js provides any sort of getBBox() function for SVG text measuring. If this were to be implemented, perhaps when rendering in a browser, the text could be accurately measured, and in an environment where it cannot (e.g., node.js or broken browsers), it could fall back to a very crude estimation like fontPointSize*numberOfCharacters+aLittleExtraPadding.
from vega.
This issue could be generalized to include other attributes that would benefit from resizability, such as the number of tick labels. The use case I envision is to have the exact same visualization spec be usable for both a small 50x50 thumbnail version of a chart and a 1024x768 full-screen version of the chart. The marks themselves will currently be valid at any resolution, but the decorations (like axes and legends) would need to be smart about their rendering at different sizes & aspect ratios (such as increasing/decreasing the number of smart ticks, font sizes, legend size).
from vega.
+1
There is potential in not only resizing drawn elements, but dynamically adjusting tick drawing to avoid bunching. I'm desperate for "subdivide": "smart"
.
from vega.
Auto-padding was added in commit 00341c7. Auto-padding can be invoked by using "padding": "auto"
in the top-level of the Vega spec and is now the default padding choice.
Currently padding is added in addition to the specified width and height. If there is interest, a future work might include the option to adjust width
, height
and padding
to ensure that the chart fits within a specified bounds.
from vega.
Related Issues (20)
- "Extent" property for Regression does not modify the regression extent and nullifies the regression. HOT 3
- Proposal for new `sumnull` aggregation HOT 4
- Broken 'View in Online Vega Editor' link in an example HOT 1
- An issue with a data source in Vega example HOT 3
- CanvasRenderer and SVGRenderer do not give the same output when given a scaleFactor HOT 6
- TypeError when rendering a vega scene using SVGRenderer HOT 1
- Vega lite - Cannot use datum expr in scale padding
- interactively sorted data table is no longer sorted in line chart HOT 1
- Add a function for Base64 encoding to the expressions
- Should aggregate_params be aggregateParams HOT 5
- [Accessibility] Device Dependent handlers are used. Tooltips are not accessible with keyboard. HOT 1
- [Accessibility] Tooltip content is not accessible to screen readers. HOT 1
- [Accessibility] The content in the tooltip is not hoverable. HOT 4
- Numeric Instability During Linear Regression With Large x-values
- [Accessibility] Overlapping Legends when text spacing is applied as per WCAG 2.1 Text Spacing(Level AA) guidelines HOT 2
- Mobile webview taps on the chart doesn't display tooltips properly since vega version 5.26.0 HOT 2
- vega-lite-api & nodejs-polars HOT 6
- In Editor, should be possible to see data and signals from inner group elements. HOT 2
- Align legends to the left of the charts
- Data Driven Clip Path
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vega.