2016-09-06 12 views
2

MDNページには、DOM APIインターフェイスとその間の継承関係に関する情報が含まれています。 https://i-msdn.sec.s-msft.com/dynimg/IC250389.gifDOM継承構造

しかし、上記のリンクMDNページ上のインターフェイスのほとんどの間の継承関係を示し、より完全な図があります:私が見つけたhttps://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

最高のグラフィック表現は次のようになりますか?あるいは、そのような図を生成するソフトウェアがありますか? MDNページの他に、DOMインターフェイス間の継承構造を見つけることができる場所はありますか?

継承構造の完全なビジュアライゼーションが見つからない場合、そのようなグラフィックを作成するのを手伝ってくれる人はいますか?ボランティアは、各APIの親と一緒にDOM APIのリストをアップロードしたいですか?

答えて

6

私は最近extracting information from W3C specsでプレイしていましたが、抽出されたデータでこれをどのくらい早く構築できるか疑問に思っていました。 (大部分のD3は、そのような印象的な可視化ライブラリですので)全く要するに

、長くない:https://github.com/dontcallmedom/webidlpedia

+1

で利用可能https://dontcallmedom.github.io/webidlpedia/inheritance.html Screnshot of Tree visualization of inheritance in DOM interfaces

コード非常に興味深いです! https://dontcallmedom.github.io/webidlpedia/graph-cyto.htmlでもレイアウトアルゴリズムを使用できますが、 – Bergi

+0

ええ、私は依存関係のグラフには満足しているわけではありませんが、そのような大きなものを視覚化するための適切なアプローチは見つかりませんでしたメッシュ。あなたに提案があれば、私は喜んでそれらを取るでしょう:) – dontcallmedom

+0

'SVGElement'と子孫があります – the8472

関連する問題