JSFiddle - React, Tailwind, and code Playground

by Terry Cai

JavaScript

var config = {
            members:[
            {
                name: "Manny",
                cn: "mz13",
                img:"images/avatar-b.png",
                desc: "designer",
                size:70

            },{
                name: "Heebner",
                cn: "mz13",
                desc: "developer",
                img:"images/avatar-c-5.png",
                size:25

            },{
                name: "Kristen",
                cn:"kw10",
                desc: "manager",
                img:"images/avatar-c-3.png",
                size:40

            },{

                name: "T.b.",
                cn:"tb24",
                desc: "something",
                img:"images/avatar-c-4.png",
                size:45
              
            },{
                name: "M.Y.",
                cn:"my10",
                desc: "something",
                img:"images/avatar-c-2.png",
                size:55


            },{
                name: "C.S.",
                cn:"cs169",
                desc: "something",
                img:"images/avatar-c-6.png",
                size:30

            },{
                name: "Mengyuan",
                cn:"mz13",
                desc: "something",
                img:'images/avatar-c-1.png',
                size:55


            }

            ]
        }

        var profileUser =  {
                name: "Ali",
                cn:"aj10",
                desc: "instructor",
                img:"images/avatar-a.png",
                size:65

            }

        var profilepoint = {
                x:375,
                y:280
        }


        var path = {
            check  :"M13.1,1.4L12,0.2C11.8,0,11.6,0,11.4,0c-0.2,0-0.4,0.1-0.6,0.2L5.1,5.9L2.6,3.3C2.4,3.2,2.2,3.1,2,3.1S1.6,3.2,1.4,3.3L0.2,4.5C0.1,4.7,0,4.9,0,5.1s0.1,0.4,0.2,0.6l3.1,3.1L4.5,10c0.2,0.2,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2l1.2-1.2l6.3-6.3c0.2-0.2,0.2-0.4,0.2-0.6S13.3,1.5,13.1,1.4L13.1,1.4z",
            plus :...