У меня есть требование, чтобы сделать преобразования ниже изображения в HTML-страницыЭлектрическая схема для HTML
Примечание: Мы не должны использовать изображения. 
Я новичок в этом виде дизайна, поэтому любое предложение будет благодарным.
Для достижения этой цели вы можете использовать DragNode chart FusionCharts.
<div id="chart-container">FusionCharts will render here</div>
Адрес fiddle link.
Рассмотрим также GoJS, таких, как этот образец: http://gojs.net/latest/samples/processFlow.html Есть другие образцы нравится, что вы можете увидеть на http://gojs.net/latest/samples/index.html
Зачем использовать HTML? Почему не что-то более подходящее, как SVG? – evolutionxbox