Лучший способ рисования диаграммы на веб-странице

Question

Я новичок в веб-программировании и просто хочу попросить мнение. Я хочу создать веб-страницу и на домашней странице, я хочу отобразить некую диаграмму. С узлами, связанными со стрелками, и стрелки будут гиперссылками. В оконном приложении я понимаю, что есть такие инструменты, как Visual Basic Power Tools, в которых вы можете перетаскивать фигуры, такие как линии, овал или стрелки, и использовать их там, довольно просто сделать диаграмму.

Но в веб-приложении я не могу найти какие-либо инструменты или что-нибудь, что может помочь мне нарисовать диаграмму. Есть ли какие-либо рекомендации по каким-либо инструментам или чему-то, чтобы я мог нарисовать диаграмму на веб-странице? :)

Answer 1

Вы можете сделать это либо на стороне клиента, либо на стороне сервера.

сторона клиента

Есть некоторые JavaScript библиотеки, которые делают диаграммы для вашей веб-страницы (на стороне клиента) при скармливании его с данными в формате JSON. Оформить заказ chart.js и d3.js. Chart.js использует элементы холста HTML5 для рисования диаграммы, где d3 использует SVG для рисования диаграмм.

стороне сервера

ASP.NET имеет некоторые построения диаграмм библиотеки/серверные элементы управления, которое делает диаграммы для вас. Отъезд this blogpost, где есть пример кода для начала.