Comments (5)
As far as I can tell, gradients don't work at present. I will keep this in mind for the future, however.
I tried one of the gradient examples in the Graphviz gallery and looked at the generated SVG, and it appears that colorLists are not handled -- they just appear in the SVG as "red:blue" or similar.
Can you get any of the gradient examples on the Graphviz site to work using the dot
command?
from viz-js.
There is a post on stack overflow stating this feature was only added early this year (in January), and that it should be in the 2.30 version... I guess you won't add it until the 2.30 comes out then.
I'm not used to the graphviz toolkit. I was looking at a js library to do some graphing and found out graphviz linux commands were ported and the examples were what I wanted to achieve. I didn't know until now that gradients were new in the graphviz engine.
from viz-js.
and looking at the dev sources, they are at version 2.29 and last changes (in the dev source folder) were made a week ago ... Maybe I'll give it a try to compile it myself and see if it works on a separate branch
from viz-js.
If compiling 2.29 doesn't work, it might be possible to add gradients to an SVG element via the DOM or even with CSS -- but I haven't tried that. You might also be able to parse the "plain" output and use it as drawing instructions for another graphics library.
from viz-js.
Viz.js now uses Graphviz 2.38.0, which supports gradients.
from viz-js.
Related Issues (20)
- Update viz-js.com to use new version
- Add type definitions HOT 4
- Publish lang-dot package
- Figure out why pkg-config doesn't work as expected for Expat
- Investigate distributing a non-WASM build
- Investigate support for separate WebAssembly instantiation
- Support -x (reduce) option
- Image support in v3 HOT 6
- RuntimeError with long label starting with newline HOT 1
- Android Project HOT 1
- Types can not be imported with current package.json HOT 2
- Dynamic font Family HOT 2
- Strict mode but merge labels HOT 1
- Text not rendering in nodes HOT 11
- Question about usage without Webassembly and some other questions HOT 1
- I need to remove tooltip i.e title for entire graph. How can it be done HOT 4
- Having trouble with new image support - can't use same image URL in two different places HOT 3
- Positions will never change HOT 3
- DockerFile uses Expat 2.5.0 which is vulnerable for CVE-2023-52425 HOT 2
- Different Results with same Graph HOT 2
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 viz-js.