Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I believe you are in the right direction, keep with SVG and Raphael or you can use one of this libraries:</p> <ul> <li><strong>jsPlumb</strong>: <a href="http://code.google.com/p/jsplumb/" rel="nofollow">http://code.google.com/p/jsplumb/</a> - provides a means for a developer to visually connect elements on their web pages. It uses SVG or Canvas in modern browsers, and VML for stone-age browsers. The latest version - 1.3.3 - can be used with jQuery, MooTools and YUI3. Full transparent support for dragging is included and the API is super simple. </li> <li><strong>JointJS</strong>: www(dot)jointjs(dot)com/ - is a JavaScript library for creating diagrams. The diagrams can be fully interactive. Joint library is suitable for both implementing a diagramming tool as well as simply for publishing your diagrams. Features:<br> connecting vector objects with various types of arrows; interacting with connections and objects; custom handlers for various events; bent lines smoothing; ready-to-use elements of well-known diagrams (ERD, Org chart, FSA, UML, PN, DEVS, LDM); hierarchical diagrams; serialization (to/from JSON format, SVG export only in browsers that support it); extensible; customizable; </li> <li><strong>Cajal</strong>: <a href="http://dotsunited.github.com/cajal/" rel="nofollow">http://dotsunited.github.com/cajal/</a> - cajal provides object oriented functionality to draw and animate shapes on the canvas element. You can easily reuse animations or complex shape-objects in other projects, as every shape can be assinged to as many canvas elements on your site as you like.</li> </ul> <p>About the formulas, I would store the last dimensions and points in JS object format, I believe the formulas could be stored created in objects and using the strategy pattern you pass the correct one to be aplied.</p> <p>Hope this is usefull for you.</p> <p>Regards!</p>
    singulars
    1. This table or related slice is empty.
    1. POMaking a furniture layout tool, need some advice
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USAdemir Mazer Jr - Nuno
    1. USAdemir Mazer Jr - Nuno
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks! The strategy pattern is a great idea, never would have thought of it. Question: so this works well on the client side but how would I store this on the server side? Say I have an L shape, it has 6 sides and I want to be able to store whatever dimension a user inputs for a given side. How do you represent that in a database? Would I create a "Shapes" table and a "Sides" table and a shape has many sides? Ideally a shape stored in the database would be able to be redrawn with the correct dimension for each side.
      singulars
      1. PO
      1. USroflwaffle
    2. COWell, I may think in 2 ways of doing it. 1) maybe the simpler but not so scalable is to save the serialized JS object itself, so you would have only one column to represent it, simplifiyng your persistence. Also simplifiyng the conversation throught layers. 2) You do persist the shapes in a complex way. This way you can represent the shape by points edges x1,y1 connected to x2,y2 ... Hope I've made myself clear. Regards
      singulars
      1. PO
      1. USAdemir Mazer Jr - Nuno
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload