I am using draw2d javascript library for drawing predefined shapes and custom shapes in it's canvas.
As I don't have any example made yet, I am trying to copy from it's documentation but doesn't seem to find a good way to research it as it contains a whole lot of it.
Here is the circle example.
http://www.draw2d.org/draw2d_touch/jsdoc_6/#!/api/draw2d.shape.basic.Circle
and here are some more documentation with examples.
http://www.draw2d.org/draw2d_touch/jsdoc_6/
I have premade shapes with html and css and I am trying to drag and drop and render them on canvas like these in this image. Also when dropped, they should have input and output ports too.
Is it possible to convert this html/css to draw2d shapes?
So here this is made possible via extending draw2d's SVGFigure and thus we have ability to provide custom svg to render it as a custom shape.
Below links were useful in this context.
http://www.draw2d.org/draw2d_touch/jsdoc/#!/guide/extending_svg_figure-section-live-example
https://github.com/freegroup/draw2d/tree/master/examples/shape_custom_svg
http://www.draw2d.org/draw2d_touch/jsdoc_6/#!/api/draw2d.SetFigure
https://github.com/freegroup/draw2d/tree/master/examples/shape_labeld
https://github.com/freegroup/draw2d/tree/master/examples/shape_custom_markdown
i am trying to build arcgis scene with my custom 3d models with ModelSceneSymbol but when the model finally loaded(.dae format) it appeared pure white when i explicitly designed it red, also most of the other formats like .fbx,obj etc. don't seem to get rendered on the scene, can anyone give me a solution for the color part alone, i am using vectary for 3d model creation btw
I'm trying to generate a 3d map of the boroughs of London using Three js. I've reverse engineered this example: http://threejs.org/examples/webgl_geometry_extrude_shapes2.html
using this svg file: https://upload.wikimedia.org/wikipedia/commons/2/29/London-boroughs.svg
So, I'm passing svg path strings such as:
M130.833,250.833L135.5,262.5l14,42.667l-6.333,4l-4.667,3.667l1,3.666l-14.333,3 c0,0,0.333,3.334,4.667,5.667s16,2.667,17,3.667s0.667,6.333,0.667,6.333l-5.667,6.333l-0.667,6.667l-1.667,2l-3.333,1.333l-4.667,6 l-1.333,10l-2.667,8l-4-0.333c0,0,0.667,6.001-0.333,9.667s-2,9.666-5,11.333S112.5,396,112.5,396"
into the transformSVGPath function, and it kind of works except the vertices seem to be interpolated badly.
I get the console error "three.js:34023 THREE.ShapeUtils: Unable to triangulate polygon! in triangulate()" and it looks like this:
On examination of the SVG, it is a collection of lines over a primary closed shape. The primary shape is the first element in the SVG file and encompasses all of London. The rest of the paths are simply lineTo and bezier curves which define the borders. This is done so that the svg file size will be efficient and that shared edges of boroughs are not doubled - a classic 2d mapping issue. 3d is a different problem space - extrude path in Three.js requires discrete outline shapes to form a complete closed shape. This SVG file is unusable for 3d or polygons. You're better off finding each borough as a single SVG/polygon and importing them each individually if you can find them.
I believe you will find this file more usable as each borough is a discrete shape, but it will still need tayloring to remove the strokes: https://commons.wikimedia.org/wiki/File:London_boroughs.svg
In Xcode, this is how an object created in Blender and exported in DAE file looks:
Then, when I click the little play button below the image, or when I run the app and render it, it looks like this:
What can be causing this, and how can I avoid it?
This was produced by parenting. The torus had a parent, removing the parent avoided the distortion.
I'm looking at the gorgeous and powerful Plotly Python API with the goal of generating a static html dashboard.
This raises two questions:
For generating html, I see the following example. It appears the charts are embedded via a URL. Does this URL embedding implementation still apply since plotly has gone open source? Are there now other methods for sending plotly plots to static html?
How does one control the layout of the plots/dashboard elements? In Bokeh, for example we could do something like:
bar = Bar(<define bar plot>)
line = Line(<define line plot>)
donut = Donut(<define donut chart>)
bar_line_panel = hplot(bar, line)
final_layout = vplot(bar_line_panel, donut)
output_file('foo.html')
show(final_layout)
The rendered html file would contain the line and bar plots next to each other above the donut chart. Is there similar functionality in plotly, or are templates and html/css wrangling required to specify layout for plot elements like in this example?
Thank you for your time, very much looking forward to creating some interactive visualizations in Plotly!