How to use d3.js convex hull? - javascript

I recently asked a question on here, but wanted to simplify it perhaps to get a response..
can anyone advise on using d3.geom.hull to draw shapes around a series of points?
I have data grouped into 3, and I would like to create a "hull" encompasing each group. I have managed to do it for one, but have trouble to do it for all 3.
Thanks!

Related

Is there any way to slice a Polyhedral shape?

I'm trying to find a way to slice a 3D polyhedral that has defined positions in the polyhedra JSON, the idea is to give a point A and point B that are going to work as cutting points.
Is there any way to do that with JavaScript like an algorithm? Is there any library that can help doing that?
I'm using Babylon.js as the 3D library, tried with CSG calculations with results that doesn't work as expected so I'm trying to find a solution that works on JavaScript and not in Babylon.js.

Visualizing Character Strings in Different Colors with D3.js

I want to create a better visualization than the one you can see in the image:
Currently, this is a HTML page with spans as rectangles. Of course I got follow this way to get a more dynamic presentation of the data. But I'm curious, if this can be done with D3.js in a better way.
Is there a chart/visualization type that can be used to achieve this?

How to achieve connecting points from different series in Highcharts

So this is pretty much what I'm trying to achieve:
Each bar would be a series, and each serie would have associated a point within the metrics.
The issue here is that I cannot figure out how to join those dots with the line, apparently for being separated series.
Here we have a similar example, but only with one series:
https://www.highcharts.com/demo/combo-dual-axes
Hope anyone can help out here.
Many thanks and have a nice day!

How can I add benchmarks to columns in Highcharts?

I have a column chart made with Highcharts and I want to add lines associated with each column showing benchmarks. I know Highcharts has a concept of plot lines, where there is one benchmark value given for the whole chart, but in my case, each column needs it's own benchmark. Here is a super simple example of how I want this to look:
I have some ideas of how I could do this, but they all seem like kind of indirect solutions. I could implement the benchmark lines as another column series, and style them so that only the top of the column shows, or as a scatter series where the "points" are actually lines, but I don't know if either of those are possible and they sound like a complicated way to do something simple. Hopefully I'm just missing an obvious feature of Highcharts.
Does anyone know how to do this? Thanks.

Building a graph from ordered pairs

I have some code which generates an array; at each index there is an array with an x and y coordinate. I wanted to plot the points as a graph using d3.js, but am not sure how to go about that.
I have looked at the site and the examples but have found nothing that would help me with this task. This link here is an example of the type of graph I am trying to create, except I want to be able to create multiple graphs on one grid.
I basically need some guidance on how to get started, because I am completely lost. Any help would be appreciated.
This might better be a comment but I don't have comment access. First of all what is the name of the type of graph you link to in your question? It's not your basic pie or bar graph.
If you want multiple sets of data on one graph, what type of graph do you want? I can't visualize what you are trying to do so I don't know how best to help. Here is a good list of tutorials that link out to examples of how to use D3.

Categories