1st TDl

Make a Nogtepad file to write TDL code and save it in computer then watch above image and follow next step

[{"selector":"#anim-cbf86e45-72dd-4e73-80b2-31bd39040620","keyframes":{"transform":["rotate(-77deg) translate3d(80.07054%, 0px, 0) rotate(77deg)","rotate(-77deg) translate3d(0px, 0px, 0) rotate(77deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d8cf64b-87d0-4eb5-ae88-ce6014d51d04","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c01f79b1-94c4-45de-b3b7-6e05cae2b197","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-3ebb4a18-b0dd-482b-b5b9-1cb341d491f3","keyframes":{"transform":["translate3d(123.40426%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8aa4e6cf-470e-47c5-af01-2cec99180e39","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8d1096a3-195f-4ca9-8ef9-157bc83f28e2","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-60e52e15-d22e-4eb8-80a0-714760c29975 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, 8.928571677791263%, 0)","translate3d(0, 0%, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Arrow

1. First give name about Report and create it’s definition.

[{"selector":"#anim-03ee0bac-845c-472d-8cb8-c15dedefe15a","keyframes":{"transform":["rotate(-79deg) translate3d(82.53968%, 0px, 0) rotate(79deg)","rotate(-79deg) translate3d(0px, 0px, 0) rotate(79deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-695ef104-211a-4168-a7e9-a5f606b231eb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bd20e4ae-714e-461f-8e91-79e501449394","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-d147f710-f84f-459f-bc58-1e7de81b642b","keyframes":{"transform":["translate3d(116.96751%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3802e34c-5bcb-4ba9-b587-4822f745d144","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24fdd56b-5dff-4469-9cea-aa8bd419239a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-fdecb52c-4920-4cc6-a66d-261cf4c5317b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, -8.928571179351586%, 0)","translate3d(0, 0%, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]

2. Second give name of form and it’s definition.

[{"selector":"#anim-61b230ec-83f8-4afd-8443-733096615823","keyframes":{"transform":["rotate(-79deg) translate3d(82.53968%, 0px, 0) rotate(79deg)","rotate(-79deg) translate3d(0px, 0px, 0) rotate(79deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb56a2f9-5ab2-414f-9a0f-18e9e967772a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e9c325f9-574e-4cdf-aad0-5420bafab335","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-d4135dc2-8f93-44c3-b320-e55050c1eed9","keyframes":{"transform":["translate3d(121.67832%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2d74bd21-616d-4e91-a030-4e46c5fe8164","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b420c5a-54aa-4827-ab6e-5830a730d663","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-1eafcec0-66bd-45a1-a177-a14641379f05 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, -6.978155511205841e-7%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

3 Third give name of Part and it’s definition.

[{"selector":"#anim-85ceea00-3715-41ff-aa23-cf581585a3b1","keyframes":{"transform":["rotate(-79deg) translate3d(82.53968%, 0px, 0) rotate(79deg)","rotate(-79deg) translate3d(0px, 0px, 0) rotate(79deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d92b1b7d-48c2-4c1b-b3cb-0c4502396b19","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb809d8f-2afc-4f32-b7d6-68ce4cf9ea21","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-47e2b828-5292-404d-855d-63e2355bfd54","keyframes":{"transform":["translate3d(115.68628%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca4658e1-e596-4447-868d-dfe039b57131","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-61eb773e-a6c2-4031-8e8c-0e69ea343c71","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-69884f20-143e-42b6-bd05-8887de7388f9 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, -8.928571179351586%, 0) translate(0%, -25%) scale(1.5)","translate3d(0, 0%, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]

[{"selector":"#anim-19a2381b-2bb2-45f6-b7e3-b5e3e684cbc1","keyframes":{"transform":["rotate(-79deg) translate3d(80.40201%, 0px, 0) rotate(79deg)","rotate(-79deg) translate3d(0px, 0px, 0) rotate(79deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85bcc4c9-8a6c-44b6-a219-bef434485252","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d249a67c-f3a7-400c-8550-18c3b0f1701e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-88d06486-a5e6-4533-a004-d81a44779217","keyframes":{"transform":["translate3d(118.77134%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ea41e3ef-775a-49f9-bf48-e581142c9794","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c3bf02c9-d672-48c1-a910-914524da2a29","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-387a2acc-c0d9-432e-b121-68fdcf3c1ca2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80de8232-6670-48b7-a670-b8db4f96a219","keyframes":{"transform":["translate3d(-260.58393%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b4a1f89f-4330-4f15-9122-b6480a19dad9 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, 8.928571677791263%, 0)","translate3d(0, 0%, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] 4. Fourth give name of Line and it’s definition. Arrow

5. the in last give name of Field and it’s definition.

[{"selector":"#anim-7f7440a1-ae13-407a-8a9f-c8d55b8ac84c","keyframes":{"transform":["rotate(-79deg) translate3d(82.53968%, 0px, 0) rotate(79deg)","rotate(-79deg) translate3d(0px, 0px, 0) rotate(79deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1bbd4204-86c9-4ca3-a604-c182a715fce4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b6770848-cbd2-4998-a6a2-cb9761d738bf","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-51db6903-58db-41a6-a4c2-ba2c571fa9ec","keyframes":{"transform":["translate3d(119.12751%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e049b852-20c7-4bd0-a2bd-ab2198d30271","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2822563-30a7-4327-b5a5-c6f5eb780f1a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-c173d6b0-dc97-42f9-b14d-65408f0e98f6 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, -8.928571179351586%, 0)","translate3d(0, 0%, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]

6. In the field we can show our report as we want.

[{"selector":"#anim-2a68a301-d671-403d-ab60-761a9ec796dd [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(0, 8.928571677791263%, 0)","translate3d(0, 0%, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-4e89e42e-8a03-40f4-a9d2-97f51dc75116","keyframes":{"transform":["rotate(-79deg) translate3d(82.53968%, 0px, 0) rotate(79deg)","rotate(-79deg) translate3d(0px, 0px, 0) rotate(79deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0cb8ba3a-13a9-452e-867c-4af81bac00a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb79b5e1-a9c5-469d-ac01-cc6455cc79d0","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-7ed0a9f9-c282-49fa-886b-51e26677daae","keyframes":{"transform":["translate3d(119.12751%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be086598-6e78-4c20-805a-34ce647a34c2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a291aa53-9d43-4b53-83e5-195bc0a602a0","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Please Share and Click to see Read More

[{"selector":"#anim-461d737c-8761-4ab8-81f2-02ed794b461f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-56daec5c-12e5-4c6e-8436-e05bc7a110b8","keyframes":{"transform":["rotate(20deg) translate3d(0px, 80.59671%, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-377fc9e2-5be9-4a38-b8e5-efb01fff2cad","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] Arrow Disc Pie Chart