hi

i'm adapting this radar graph, to v5, but have some problems....

https://gist.github.com/dpineiden/fe3142b311dec6f07ce0ce5cd6204f59

anyone can help me?

Pls, fix link

maybe codesandbox.io ?

or jsbin.com, jsfiddle.com

yes, sorry, i thought that github is available on all  world :S, but no

The original code,  for d3, v3
https://github.com/TennisVisuals/updating-radar-chart

I d3 v5, the callback functions are some different in the areguments. So beyond the more simplistic changes on the code, i don't know yet what means everyone. So, the problem is the drawing o f axis and labels:

https://jsfiddle.net/pineiden/ruyzq5p0/3/

Could you send a short example with the callback function, please?

The fiddle has more then 1000 lines of code and I couldn't find them quickly by reading this file

Yes, on the version V3:

                update_lines.enter()
                    .append("line")
                    .attr("class", options.class + "Line")
                    .attr("x1", 0)
                    .attr("y1", 0)
                    .attr("x2", function(d, i, j) { return calcX(null, 1.1, j); })
                    .attr("y2", function(d, i, j) { return calcY(null, 1.1, j); })
                    .on('mouseover', function(d, i, j) { if (events.line.mouseover) events.line.mouseover(d, j); })
                    .on('mouseout', function(d, i, j) { if (events.line.mouseout) events.line.mouseout(d, j); })
                    .style("stroke", options.axes.lineColor)
                    .style("stroke-width", "2px")

The *j* argument means a position - index

On the V5 version the *j* argument is an array.
I found it on the lines

                    .attr("x2", function(d, i, j) { return calcX(null, 1.1, j); })
                    .attr("y2", function(d, i, j) { return calcY(null, 1.1, j); })

(lines 281 to 292)

For example, some prints:::

V3 version

Result X 1.3471114790620887e-14,  j=0 Calx j 1.3471114790620887e-14

But, for  V5 version

d   {axis: "To Be A Smartphone", value: 0.38},j=[line]
Result X, i= 0 result-> -220.00000000000003 :::  j=[line], result j NaN

Здравствуйте, кто-то знает как пофиксить панорамирование при зуминге? Очень медленно двигаться картинка когда в зуме.

Hey guys

What framework shoud I use to build the online room configurator like the above sample?

I think D3 not for interior rendering, you can ask your question in @threejs_ru

For future purpose, I think you can use something like three.js or playcanvas.

But its a huge job to implement this...

Всем привет, подскажите, как сделать перемещение svg вдоль осей, как в Figma? с зумом на ctrl + wheel

Гугли zoom, panning