Comments (5)
I've been using vega embed to get the "actions" menu which has been very handy- however it's lead me to mostly re-implementing react-vega within my component. It'd be great to see these two projects married :)
from react-vega.
@seanlaff Would it be possible to share that piece of code for reference? That may help the conversion happens faster.
from react-vega.
import vegaEmbed from 'vega-embed';
// TODO: change to use react-vega once it is migrated to the latest version of vega-embed
export class Vega extends React.PureComponent {
constructor(props) {
super(props);
}
componentDidMount() {
const {spec, config} = this.props;
vegaEmbed(this.refs.component, spec, {config});
}
componentDidUpdate() {
const {spec, config} = this.props;
vegaEmbed(this.refs.component, spec, {config});
}
render() {
return <div ref="component" />;
}
}
This is a hacky one that I use right now. (See TODO lol)
from react-vega.
mmm. you are also using deprecated way of defining ref
. nvm. will put this on to-do.
from react-vega.
When I say however it's lead me to mostly re-implementing react-vega within my component
I mostly meant that I re-implemented all the componentShouldUpdate
logic that react-vega already solves.
from react-vega.
Related Issues (20)
- builds try to import a missing prop-types dependency HOT 11
- Infinite requests when the loader prop is passed
- Unable to highlight the vega chart from outside vega component
- Out of date CHANGELOG.md HOT 1
- Replace travis with GitHub actions HOT 2
- Dark theme does not pass on to signals or text marks HOT 1
- Unable to embed vega-lite visualization in react HOT 2
- When will react-vega migrate to react 18 HOT 2
- Re-rendering with className causes react-embed to lose styling
- Approach#1 in your documentation is not working HOT 5
- Setting height to "container" (i.e. responsive sizing) does not work as expected HOT 1
- Support for newer typescript version
- Generated Charts passing in data as an attribute messes up title ... extra space at top - pie chart
- Will the VegaLite component re-render on spec change? HOT 1
- Is it possible to use [email protected] with react native?
- [Security issue] - CVE-2022-25883-semver HOT 1
- Provide a more beginner-friendly documentation
- [Question] Does it support server side rendering? HOT 1
- Open links in a new window
- Fit vertically-concatenated Vega-Lite (react-vega) visualization to container size, and keep the interactive brush feature 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 react-vega.