q-m / d3.chart.sankey Goto Github PK
View Code? Open in Web Editor NEWReusable D3 Sankey diagram using d3.Chart
Home Page: http://bl.ocks.org/cab9b01816490edb7083
License: MIT License
Reusable D3 Sankey diagram using d3.Chart
Home Page: http://bl.ocks.org/cab9b01816490edb7083
License: MIT License
Hi,
When I assign to alignLabel 'start' the names of the last nodes are lost, the same happen with the label 'end', in this case the names of the first node are lost.
btw thanks for the plugin, is great.
Is it possible to make to graph go vertical in stead of horizontal? If not integrated, where do I have to look to make it work myself?
The latest commit does not contain the double click event support. it was present at commit 3f5a9ac then disappeared.
Thank you for the great work!
How Can I implement the drag functionality?
Something like this:
.on("drag", dragmove));
function dragmove(d) {
d3.select(this).attr("transform",
"translate(" + d.x + "," + (
d.y = Math.max(0, Math.min(height - d.dy, d3.event.y))
) + ")");
sankey.relayout();
link.attr("d", path);
}
Hi,
I try to update datas like https://bl.ocks.org/syntagmatic/77c7f7e8802e8824eed473dd065c450b. Is it possible to do that?
Thanks a lot for this work
how to align the last node to the left instead of justify
Dear author!
Appreciate your work, it's really a state of art tool!
But I have an issue with the way it sorts the flows of diagram, it makes a lot of crossings (please see the screenshot here). If you could give a tip where to look - would really appreciate it!
If you want to contact me - please write on [email protected]
Thank you in advance!
Best regards!
Is there way to use d3.tip with the chart.on
if not then best way to add a chart.tip
method simmilar to the one implemented here line 102 and 156
Also, great plugin (the only decent of sankey) and really liked the hierarchical highlighting of edges in product demo.
Hello,
Trying to find a way to extend this great module you've created by doing something like...
import { Sankey, Path } from 'd3.chart.sankey'
class MySankey extends Sankey {
constructor() {
super()
console.info('...my code goes here...')
}
initialize() { console.info('initialize')
}
}
export { MySankey as Sankey }
But it doesn't seem to work quite right, wondering if this is because you are using require etc. not sure. Thanks for any thoughts, I may fork your module and rewrite it using ES6 pragma.
if your data has a zero waited link the source node is removed from the diagram so that if:
A => C with 5
A => B with 5
B => C with 0
B doesn't appear one the chart
A is size 10 with only half its value going to C
What i would like is for the elements to be positioned as if B => C had a value > 1 but with no visible link from B to C.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.