رسم رسم بياني للويب [مغلق]

Question

أحاول رسم رسم بياني على صفحة ويب ASP.آمل أن تكون واجهة برمجة التطبيقات (API) مفيدة، ولكن حتى الآن لم أتمكن من العثور عليها.

يحتوي الرسم البياني على عقد مسماة وحواف اتجاهية غير مسماة.سيكون الإخراج المثالي شيء من هذا القبيل هذا.

هل يعرف أي شخص أي شيء تم إنشاؤه مسبقًا ويمكنه المساعدة؟

Answer 1

قطعاً graphviz.الصورة الموجودة على رابط ويكيبيديا الذي تشير إليه تم إنشاؤها في graphviz.من صفحة الوصف، يبدو ملف وصف الرسم البياني كما يلي:

graph untitled {
    graph[bgcolor="transparent"];
    node [fontname="Bitstream Vera Sans", fontsize="22.00", shape=circle, style="bold,filled" fillcolor=white];
    edge [style=bold];
    1;2;3;4;5;6;
    6 -- 4 -- 5 -- 1 -- 2 -- 3 -- 4;
    2 -- 5;
}

إذا تم حفظ هذا الرمز في ملف input.dot، فمن المحتمل أن يكون الأمر الذي كانوا سيستخدمونه لإنشاء الرسم البياني فعليًا هو:

neato -Tsvg input.dot > graph.svg

Answer 2

لست متأكدًا من واجهة ASP، ولكن قد ترغب في التحقق منها graphviz.

/ آلان

Answer 3

نحن ننتج mxGraph, ، الذي يدعم ASP.NET ومعظم التقنيات الأخرى السائدة من جانب الخادم.إنه بالكامل من جانب عميل JavaScript، مع طبقة رقيقة فقط للتواصل مكتوبًا بـ .NET، لذلك ليس هناك حاجة إلى الكثير من ASP.NET.لكننا نقدم مشروع ASP للاستوديو المرئي كأحد الأمثلة.

Answer 4

أوصي com.zedgraph

Answer 5

يقوم GraphViz بعمل جيد بالنسبة للرسوم البيانية الصغيرة، ولكن ليس للرسوم البيانية الضخمة.إذا كان الرسم البياني الخاص بك كبيرًا بشكل معقول، فحاول aiSee أو إلقاء نظرة على البدائل على هذه القائمة.

Answer 6

يمكنك استخدام الرسم البياني السريع لتصميم الرسم البياني بسهولة برمجيًا، ثم تصديره إلى GraphViz أو مرح, ، ثم قم بتحويله إلى PNG.

Answer 7

حسنًا، إليك إجابة أخرى بعد عامين.يقوم Protovis الآن بتنفيذ تخطيطات الرسم البياني الموجهة بالقوة المقدمة في المتصفح:http://vis.stanford.edu/protovis/ex/force.htmlقد يكون الأمر أسهل إذا لم تتمكن من تثبيت البرامج من جانب العميل.كما أنها ممتعة وتفاعلية!

Answer 8

قد تكون قادرا على سحب هذا مع واجهة برمجة تطبيقات مخطط جوجل.من السهل جدًا البدء به.

Answer 9

تنصل:أنا مؤسس الرسوم البيانية للصور.

إذا كنت تبحث عن واجهة برمجة تطبيقات الويب:

https://image-charts.com/chart
?cht=gv
&chl=graph g{1;2;3;4;5;6; 6 -- 4 -- 5 -- 1 -- 2 -- 3 -- 4; 2 -- 5;)