Comments (3)
@mhkeller gathering some changes I've made (or plan to) within LayerChart, some of which might be worth pushing upstream to LayerCake (such as full width Canvas). Integration with LayerChart contexts like TransformContext
, GeoContext,
and TooltipContext
makes some of these changes impractical to move ATM.
from layerchart.
Thanks I'll keep an eye on it. What does full width Canvas do?
from layerchart.
If you applied a padding (such as <Chart padding={{ top: 60 }}>
) and zoom or translate the canvas, the chart would be "clipped" since the <canvas>
is absolute positioned and inset based on the padding. The change uses context.translate()
and the full container size (which aligns the results with <svg transform="...">
)
The Choropleth example demonstrated this (compare to an older commit preview).
Before | After |
---|---|
You have to scale/zoom or drag/translate to see the issue (not really an issue with most static charts). This would be a problem with more chart types, but I've mostly only focused on Canvas support for geo (since it typically benefits the most with complex geojson). Also hoping to find a fix for the infinite loop issue before I expand out too much (might wait til Svelte 5).
from layerchart.
Related Issues (20)
- [Bar] Round single side HOT 1
- Suggestion: use "alias" so page source / example match usage HOT 8
- [HitCanvas] Find way to fully remove anti-aliasing of shapes
- [TransformContext] Improve `translateOnScale`
- Expose `on:tick` from `ForceSimulation` to allow for dynamic simulation tuning HOT 1
- `ForceSimulation` keeps redundantly re-initializing all forces any time any of their parameters change HOT 1
- `ForceSimulation` does not update its `alpha` prop based on the internal d3 simulation
- `ForceSimulation`'s `cloneData` should probably be `export const`
- `ForceSimulation` keeps redundantly re-initializing all forces any time any other (non-force) props change
- `ForceSimulation` never evicts obsolete forces HOT 1
- Handle svelte-check warnings HOT 1
- [Tooltip] A11y and interaction improvements HOT 1
- Simplified Chart components
- Combo Line/Bar HOT 3
- [Tooltip] Improve structure and default styles HOT 1
- Add serialization notice to View data dialog
- Cloudflare Worker size limit
- @tailwindcss/forms compatibility (and possibly Skeleton) HOT 1
- Setting the width of bar chart bars HOT 1
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 layerchart.