How to draw this chart in html and CSS? -

please how chart in html , css ??

where circles buttons ..

use following:
your basic circle:

.circle {    width: 100px;    height: 100px;    border-radius: 50px;  /*make circle (border-radius = 1/2*width & height)*/    background-color: hotpink;    border: none;  }

<button class="circle">motion detection</button>  <!-- using button generate circle -->

then use position: absolute; left , right properties position circles.

have `live positioned in middle of page with:

<style>  #text {     font-family: myfont, sans-serif;     color: white;  } <style> 

---

for lines use divs, , give them height of 2px , width of ever (350px example.) positioning, again use position property (learn how use here: w3schools.com/css/css_positioning.asp) – joe_young edit

---

use above create want, has been said,

this not code generating service, try , ask questions code you're having trouble with.

in other words, have go, come when have tried , have specific problem.
luck