Czy d3 jest dobrym wyborem do budowy edytora diagramów swobodnych?

Question

Mam zamiar napisać internetowy edytor diagramów. Gdyby było to na pulpicie, wybrałbym platformę do jego zbudowania jako Eclipse GEF.

Dla web, rozważam d3.js, ale trochę martwię się, że prawie każdy przykład i artykuł, który spotkałem na d3, służy do wizualizacji danych, a nie do interaktywnego punktu-i- kliknij, wybierz i połącz, przeciągnij i narysuj rodzaj użycia.

Być może nadal będę w stanie dopasować d3 do tego edytora, ale zastanawiam się, czy d3 będzie ewoluował w sposób, który sprawi, że bolesne będzie utrzymanie edytora w przyszłości.

Moje pytanie do społeczności brzmi: czy z punktu widzenia architektury oprogramowania d3 jest dobrym wyborem do budowy edytora diagramów swobodnych? Czy możesz polecić mi API, d3 wewnętrzny kod, artykuły lub przykłady, które udowodniłyby, że taki edytor może przetrwać na dłuższą metę?

Answer 1

Jeśli pytanie brzmiało "Czy D3 może mi pomóc w interakcjach SVG związanych z tworzeniem edytora diagramów internetowych?", Odpowiedź brzmi "Tak, trochę". Ale wybierasz się na bardzo duży projekt, a D3 może ci tylko pomóc w niektórych jego częściach.

Przykłady obszarów, gdzie D3 mogą być pomocne:

• renderowania zestaw istniejących kształtów z definicji schematu: http://bl.ocks.org/explunit/4659227
• robi pewne ograniczone automatyczne trasowanie nowych ścieżek Złącze: http://bl.ocks.org/explunit/5603250 ale ty będzie to wymagało dużo dodatkowej pracy, gdy trzeba wyjść poza automatycznie przekierowywane złącza.
• Wykrywanie kolizji: http://bl.ocks.org/mbostock/3231298 Chociaż jest to bardziej przykładowy kod niż sam D3.
• Szczotki do wyboru region: Fine-grained event handling with D3 brushes
• Bounded drag & drop: http://bl.ocks.org/mbostock/1557377

Ogólnie myślę, że jesteś prawdopodobnie szuka ramach nadrzędnego, chyba że jesteś przygotowany do kontroli niemal każdy aspekt tego, co D3 robi.

Masz rację, że większość metod pomocniczych, które oferuje D3, jest nastawiona na wizualizację danych, ale zapewnia cienką warstwę na SVG, która może być pomocna w projektach ogólnych, takich jak opisujesz.

Jako, czy D3 będzie ewoluować w kierunku, który może uczynić go mniej nadaje się do tego projektu w przyszłości: tylko @mbostock może wiedzieć na pewno, ale biorąc pod uwagę projekt API, które pozwala on być stosowany zarówno dla Manipulacja węzłem SVG lub HTML, myślę, że można bezpiecznie powiedzieć, że pozostanie dość niski poziom. I prawdopodobnie już wcześniej widziałeś this example, ale jest to dobra ilustracja mocy biblioteki poza wykresami &.

Answer 2

D3 to "po prostu" szkielet i jako taki może być używany niemal do wszystkiego. Brzmi jednak tak, jakby nie był szczególnie odpowiedni dla tego, co próbujesz zrobić. W szczególności nie brzmi to jak główna koncepcja D3 - że wszystko zależy od danych - byłaby tu korzystna.