Best JavaScript code snippet using chai
LandingPage.js
Source:LandingPage.js  
1import React from 'react';2import Navbar from './Navbar';3import Newsletter from './newsletter';4import Footer from './footer';5import * as MdIconCon from 'react-icons/lib/md';6import { Form } from 'formsy-react';7import MyInput from './../component/input';8export default class LandingPage extends React.PureComponent {9render () {10return (11<div className="home-page">12  <header id="main-header">13      <Navbar />14      <div id="banner">15          <div className="container">16              <div className="row">17                  <div className="col-sm-12 col-lg-7 col-md-offset-0 col-lg-offset-0">18                      <h1>Artificial Intelligence for Everyone</h1>19                      <p>20                          <b>SherlockML</b>21                          is today's tool of choice for data scientists to solve problems using artificial intelligence.22                      </p>23                      <a className="btn blue hidden-md hidden-lg" href="/demo">Request a Demo</a>24                      <ul className="hidden-xs">25                          <li>26                              <svg className="icon-accelerate" width="33" height="33" viewBox="0 0 33 33">27                                  <g fill="none">28                                      <g fill="#FFF">29                                          <g transform="translate(-165 -645)translate(165 645)">30                                              <polygon className="colorise" points="24.2 30.9 32.4 30.9 32.4 29.8 24.2 29.8"/>31                                              <path className="colorise" d="M30.3 32.9C30.2 32.9 30.1 32.9 30 32.8 29.8 32.6 29.8 32.2 30 32L31.7 30.3 30 28.6C29.8 28.4 29.8 28.1 30 27.9 30.2 27.7 30.5 27.7 30.7 27.9L32.8 30C33 30.2 33 30.5 32.8 30.7L30.7 32.8C30.6 32.9 30.5 32.9 30.3 32.9"/>32                                              <path className="colorise" d="M18.5 5.1C18.4 5.1 18.2 5.1 18.1 5L16.1 2.9C15.9 2.7 15.9 2.4 16.1 2.2L18.1 0.2C18.3-0.1 18.7-0.1 18.9 0.2 19.1 0.4 19.1 0.7 18.9 0.9L17.2 2.6 18.9 4.3C19.1 4.5 19.1 4.8 18.9 5 18.8 5.1 18.6 5.1 18.5 5.1"/>33                                              <path className="colorise" d="M16.5 30.9L0 30.9 0 29.8 16.5 29.8C23.8 29.8 29.8 23.8 29.8 16.5 29.8 9.1 23.8 3.1 16.5 3.1L16.5 2.1C24.4 2.1 30.9 8.5 30.9 16.5 30.9 24.4 24.4 30.9 16.5 30.9"/>34                                              <path d="M10.1 19L13.1 19 14.3 16.5 13.1 13.9 10.1 13.9 8.8 16.5 10.1 19ZM13.7 20.1L9.5 20.1 7.7 16.5 9.5 12.9 13.7 12.9 15.5 16.5 13.7 20.1Z"/>35                                              <path d="M17.3 23.1L20.3 23.1 21.5 20.6 20.3 18 17.3 18 16 20.6 17.3 23.1ZM20.9 24.2L16.7 24.2 14.9 20.6 16.7 17 20.9 17 22.7 20.6 20.9 24.2Z"/>36                                              <path d="M17.3 14.9L20.3 14.9 21.5 12.3 20.3 9.8 17.3 9.8 16 12.3 17.3 14.9ZM20.9 15.9L16.7 15.9 14.9 12.3 16.7 8.7 20.9 8.7 22.7 12.3 20.9 15.9Z"/>37                                              <path d="M23.1 17.5C22.6 17.5 22.1 17 22.1 16.5 22.1 15.9 22.6 15.4 23.1 15.4 23.7 15.4 24.2 15.9 24.2 16.5 24.2 17 23.7 17.5 23.1 17.5"/>38                                              <path d="M12.9 23.1C12.3 23.1 11.8 22.7 11.8 22.1 11.8 21.5 12.3 21.1 12.9 21.1 13.4 21.1 13.9 21.5 13.9 22.1 13.9 22.7 13.4 23.1 12.9 23.1"/>39                                              <path d="M12.9 11.8C12.3 11.8 11.8 11.4 11.8 10.8 11.8 10.2 12.3 9.8 12.9 9.8 13.4 9.8 13.9 10.2 13.9 10.8 13.9 11.4 13.4 11.8 12.9 11.8"/>40                                              <path className="colorise" d="M9 28.8C4.6 26.1 2.1 21.5 2.1 16.5 2.1 9.5 7 3.6 13.8 2.3L14 3.3C7.7 4.5 3.1 10 3.1 16.5 3.1 21.2 5.5 25.4 9.5 27.9L9 28.8Z"/>41                                          </g>42                                      </g>43                                  </g>44                              </svg>45                              <span className="text">Accelerate the pace of data science</span>46                          </li>47                          <li>48                              <svg className="icon-environment" width="33" height="33" viewBox="0 0 33 33">49                                  <g fill="none">50                                      <g fill="#FFF">51                                          <g transform="translate(-415 -645)translate(415 645)">52                                              <path d="M11.3 19.2L16.5 22 21.6 19.2 21.6 13.7 16.5 10.9 11.3 13.7 11.3 19.2ZM16.5 23.1C16.4 23.1 16.3 23.1 16.2 23.1L10.6 20C10.4 19.9 10.3 19.7 10.3 19.5L10.3 13.4C10.3 13.2 10.4 13 10.6 12.9L16.2 9.8C16.4 9.7 16.5 9.7 16.7 9.8L22.4 12.9C22.5 13 22.6 13.2 22.6 13.4L22.6 19.5C22.6 19.7 22.5 19.9 22.4 20L16.7 23.1C16.6 23.1 16.5 23.1 16.5 23.1Z"/>53                                              <path d="M16.5 17C16.4 17 16.3 16.9 16.2 16.9L10.6 13.8 11 12.9 16.5 15.9 21.9 12.9 22.4 13.8 16.7 16.9C16.6 16.9 16.5 17 16.5 17"/>54                                              <polygon points="15.9 22.6 17 22.6 17 16.5 15.9 16.5"/>55                                              <polygon points="6.2 17 7.2 17 7.2 15.9 6.2 15.9"/>56                                              <polygon points="8.7 10.3 9.8 10.3 9.8 9.3 8.7 9.3"/>57                                              <polygon points="6.7 13.4 7.7 13.4 7.7 12.3 6.7 12.3"/>58                                              <polygon points="6.7 20.6 7.7 20.6 7.7 19.5 6.7 19.5"/>59                                              <polygon points="25.2 13.4 26.2 13.4 26.2 12.3 25.2 12.3"/>60                                              <polygon points="25.2 20.6 26.2 20.6 26.2 19.5 25.2 19.5"/>61                                              <polygon points="11.8 8.2 12.9 8.2 12.9 7.2 11.8 7.2"/>62                                              <polygon points="20.1 8.2 21.1 8.2 21.1 7.2 20.1 7.2"/>63                                              <polygon points="11.8 25.7 12.9 25.7 12.9 24.7 11.8 24.7"/>64                                              <polygon points="20.1 25.7 21.1 25.7 21.1 24.7 20.1 24.7"/>65                                              <polygon points="8.7 23.7 9.8 23.7 9.8 22.6 8.7 22.6"/>66                                              <polygon points="23.1 10.3 24.2 10.3 24.2 9.3 23.1 9.3"/>67                                              <polygon points="23.1 23.7 24.2 23.7 24.2 22.6 23.1 22.6"/>68                                              <polygon points="25.7 17 26.7 17 26.7 15.9 25.7 15.9"/>69                                              <polygon points="15.9 7.2 17 7.2 17 6.2 15.9 6.2"/>70                                              <polygon points="15.9 26.7 17 26.7 17 25.7 15.9 25.7"/>71                                              <path className="colorise" d="M15.4 31.8C16.1 31.9 16.8 31.9 17.5 31.8L18.2 29.2 18.5 29.1C18.8 29.1 19.1 29 19.4 29L19.8 28.9 21.4 31.1C22 30.9 22.7 30.6 23.3 30.3L22.9 27.6 23.2 27.4C23.5 27.2 23.7 27.1 24 26.9L24.3 26.7 26.6 28.1C27.1 27.6 27.6 27.1 28.1 26.6L26.7 24.3 26.9 24C27.1 23.7 27.2 23.5 27.4 23.2L27.6 22.9 30.3 23.3C30.6 22.7 30.9 22 31.1 21.4L28.9 19.8 29 19.4C29 19.1 29.1 18.8 29.1 18.5L29.2 18.2 31.8 17.5C31.9 17.2 31.9 16.8 31.9 16.5 31.9 16.1 31.9 15.7 31.8 15.4L29.2 14.8 29.1 14.4C29.1 14.1 29 13.8 29 13.5L28.9 13.2 31.1 11.6C30.9 10.9 30.6 10.2 30.3 9.6L27.6 10 27.4 9.7C27.2 9.5 27.1 9.2 26.9 8.9L26.7 8.6 28.1 6.3C27.6 5.8 27.1 5.3 26.6 4.8L24.3 6.2 24 6C23.7 5.8 23.5 5.7 23.2 5.5L22.9 5.3 23.3 2.6C22.7 2.3 22 2 21.4 1.8L19.8 4 19.4 3.9C19.1 3.9 18.8 3.8 18.5 3.8L18.2 3.7 17.5 1.1C16.8 1 16.1 1 15.4 1.1L14.8 3.7 14.4 3.8C14.1 3.8 13.8 3.9 13.5 3.9L13.2 4 11.6 1.8C10.9 2 10.2 2.3 9.6 2.6L10 5.3 9.7 5.5C9.5 5.7 9.2 5.8 8.9 6L8.6 6.2 6.3 4.8C5.8 5.3 5.3 5.8 4.8 6.3L6.2 8.6 6 8.9C5.8 9.2 5.7 9.5 5.5 9.7L5.3 10 2.6 9.6C2.3 10.2 2.1 10.9 1.8 11.6L4 13.2 3.9 13.5C3.9 13.8 3.8 14.1 3.8 14.4L3.7 14.8 1.1 15.4C1 15.7 1 16.1 1 16.5 1 16.8 1 17.2 1.1 17.5L3.7 18.2 3.8 18.5C3.8 18.8 3.9 19.1 3.9 19.4L4 19.8 1.8 21.4C2.1 22 2.3 22.7 2.6 23.3L5.3 22.9 5.5 23.2C5.7 23.5 5.8 23.7 6 24L6.2 24.3 4.8 26.6C5.3 27.1 5.8 27.6 6.3 28.1L8.6 26.7 8.9 26.9C9.2 27.1 9.5 27.2 9.7 27.4L10 27.6 9.6 30.3C10.2 30.6 10.9 30.9 11.6 31.1L13.2 28.9 13.5 29C13.8 29 14.1 29.1 14.4 29.1L14.8 29.2 15.4 31.8ZM16.5 32.9C16 32.9 15.4 32.9 14.9 32.8L14.5 32.8 13.9 30.1C13.8 30.1 13.7 30.1 13.6 30L12 32.3 11.6 32.2C10.6 31.9 9.7 31.5 8.8 31L8.4 30.8 8.9 28.1C8.8 28 8.7 28 8.6 27.9L6.2 29.4 6 29.1C5.2 28.5 4.4 27.7 3.8 27L3.5 26.7 5 24.3C4.9 24.2 4.9 24.1 4.8 24L2.1 24.5 1.9 24.1C1.4 23.2 1 22.3 0.7 21.3L0.6 21 2.9 19.3C2.8 19.2 2.8 19.1 2.8 19L0.1 18.4 0.1 18C0 17.5 0 16.9 0 16.5 0 16 0 15.4 0.1 14.9L0.1 14.5 2.8 13.9C2.8 13.8 2.8 13.7 2.9 13.6L0.6 12 0.7 11.6C1 10.6 1.4 9.7 1.9 8.8L2.1 8.4 4.8 8.9C4.9 8.8 4.9 8.7 5 8.6L3.5 6.2 3.8 6C4.4 5.2 5.2 4.4 6 3.8L6.2 3.5 8.6 5C8.7 4.9 8.8 4.9 8.9 4.8L8.4 2.1 8.8 1.9C9.7 1.4 10.6 1 11.6 0.7L12 0.6 13.6 2.9C13.7 2.8 13.8 2.8 13.9 2.8L14.5 0.1 14.9 0.1C16 0 16.9 0 18 0.1L18.4 0.1 19 2.8C19.1 2.8 19.2 2.8 19.3 2.9L21 0.6 21.3 0.7C22.3 1 23.2 1.4 24.1 1.9L24.5 2.1 24 4.8C24.1 4.9 24.2 4.9 24.3 5L26.7 3.5 27 3.8C27.7 4.4 28.5 5.2 29.1 6L29.4 6.2 27.9 8.6C28 8.7 28 8.8 28.1 8.9L30.8 8.4 31 8.8C31.5 9.7 31.9 10.6 32.2 11.6L32.3 12 30 13.6C30.1 13.7 30.1 13.8 30.1 13.9L32.8 14.5 32.8 14.9C32.9 15.4 32.9 16 32.9 16.5 32.9 16.9 32.9 17.5 32.8 18L32.8 18.4 30.1 19C30.1 19.1 30.1 19.2 30 19.3L32.3 21 32.2 21.3C31.9 22.3 31.5 23.2 31 24.1L30.8 24.5 28.1 24C28 24.1 28 24.2 27.9 24.3L29.4 26.7 29.1 27C28.5 27.7 27.7 28.5 27 29.1L26.7 29.4 24.3 27.9C24.2 28 24.1 28 24 28.1L24.5 30.8 24.1 31C23.2 31.5 22.3 31.9 21.3 32.2L21 32.3 19.3 30C19.2 30.1 19.1 30.1 19 30.1L18.4 32.8 18 32.8C17.5 32.9 16.9 32.9 16.5 32.9L16.5 32.9Z"/>72                                          </g>73                                      </g>74                                  </g>75                              </svg>76                              <span className="text">Zero configuration environment</span>77                          </li>78                          <li>79                              <svg className="icon-scale" width="33" height="33" viewBox="0 0 33 33">80                                  <g fill="none">81                                      <g fill="#FFF">82                                          <g transform="translate(-666 -646)translate(666 646)">83                                              <path d="M5 24.9C6.7 24.9 8 26.3 8 27.9 8 29.5 6.7 30.9 5 30.9 3.4 30.9 2.1 29.5 2.1 27.9 2.1 26.3 3.4 24.9 5 24.9ZM5 26.2C4.1 26.2 3.3 26.9 3.3 27.9 3.3 28.8 4.1 29.6 5 29.6 6 29.6 6.7 28.8 6.7 27.9 6.7 26.9 6 26.2 5 26.2Z"/>84                                              <path d="M13.3 14.9C10.7 14.9 8.6 17 8.6 19.6 8.6 22.2 10.7 24.3 13.3 24.3 15.9 24.3 18 22.2 18 19.6 18 17 15.9 14.9 13.3 14.9M13.3 16.2C15.2 16.2 16.7 17.7 16.7 19.6 16.7 21.5 15.2 23 13.3 23 11.4 23 9.9 21.5 9.9 19.6 9.9 17.7 11.4 16.2 13.3 16.2"/>85                                              <path d="M24.9 0C20.5 0 16.9 3.6 16.9 8 16.9 12.4 20.5 16 24.9 16 29.3 16 32.9 12.4 32.9 8 32.9 3.6 29.3 0 24.9 0M24.9 1.2C28.6 1.2 31.7 4.3 31.7 8 31.7 11.7 28.6 14.8 24.9 14.8 21.2 14.8 18.2 11.7 18.2 8 18.2 4.3 21.2 1.2 24.9 1.2"/>86                                              <polygon className="colorise" points="11.3 30.9 32.4 30.9 32.4 29.8 11.3 29.8"/>87                                              <path className="colorise" d="M30.3 32.9C30.2 32.9 30.1 32.9 30 32.8 29.8 32.6 29.8 32.2 30 32L32 30C32.2 29.8 32.6 29.8 32.8 30 33 30.2 33 30.5 32.8 30.7L30.7 32.8C30.6 32.9 30.5 32.9 30.3 32.9"/>88                                              <path className="colorise" d="M32.4 30.9C32.3 30.9 32.1 30.8 32 30.7L30 28.6C29.8 28.4 29.8 28.1 30 27.9 30.2 27.7 30.5 27.7 30.7 27.9L32.8 30C33 30.2 33 30.5 32.8 30.7 32.7 30.8 32.5 30.9 32.4 30.9"/>89                                              <polygon className="colorise" points="2.1 21.6 3.1 21.6 3.1 0.5 2.1 0.5"/>90                                              <path className="colorise" d="M0.5 3.1C0.4 3.1 0.3 3 0.2 2.9 -0.1 2.7-0.1 2.4 0.2 2.2L2.2 0.2C2.4-0.1 2.7-0.1 2.9 0.2 3.1 0.4 3.1 0.7 2.9 0.9L0.9 2.9C0.8 3 0.6 3.1 0.5 3.1"/>91                                              <path className="colorise" d="M4.6 3.1C4.5 3.1 4.4 3 4.3 2.9L2.2 0.9C2 0.7 2 0.4 2.2 0.2 2.4-0.1 2.7-0.1 2.9 0.2L5 2.2C5.2 2.4 5.2 2.7 5 2.9 4.9 3 4.8 3.1 4.6 3.1"/>92                                              <polygon className="colorise" points="4.1 18.5 5.1 18.5 5.1 17.5 4.1 17.5"/>93                                              <polygon className="colorise" points="6.2 18.5 7.2 18.5 7.2 17.5 6.2 17.5"/>94                                              <polygon className="colorise" points="4.1 6.2 5.1 6.2 5.1 5.1 4.1 5.1"/>95                                              <polygon className="colorise" points="6.2 6.2 7.2 6.2 7.2 5.1 6.2 5.1"/>96                                              <polygon className="colorise" points="8.2 6.2 9.3 6.2 9.3 5.1 8.2 5.1"/>97                                              <polygon className="colorise" points="10.3 6.2 11.3 6.2 11.3 5.1 10.3 5.1"/>98                                              <polygon className="colorise" points="12.3 6.2 13.4 6.2 13.4 5.1 12.3 5.1"/>99                                              <polygon className="colorise" points="14.4 6.2 15.4 6.2 15.4 5.1 14.4 5.1"/>100                                              <polygon className="colorise" points="4.1 12.3 5.1 12.3 5.1 11.3 4.1 11.3"/>101                                              <polygon className="colorise" points="6.2 12.3 7.2 12.3 7.2 11.3 6.2 11.3"/>102                                              <polygon className="colorise" points="8.2 12.3 9.3 12.3 9.3 11.3 8.2 11.3"/>103                                              <polygon className="colorise" points="10.3 12.3 11.3 12.3 11.3 11.3 10.3 11.3"/>104                                              <polygon className="colorise" points="12.3 12.3 13.4 12.3 13.4 11.3 12.3 11.3"/>105                                              <polygon className="colorise" points="14.4 12.3 15.4 12.3 15.4 11.3 14.4 11.3"/>106                                              <polygon className="colorise" points="14.4 26.7 15.4 26.7 15.4 25.7 14.4 25.7"/>107                                              <polygon className="colorise" points="14.4 28.8 15.4 28.8 15.4 27.8 14.4 27.8"/>108                                              <polygon className="colorise" points="20.6 20.6 21.6 20.6 21.6 19.5 20.6 19.5"/>109                                              <polygon className="colorise" points="20.6 22.6 21.6 22.6 21.6 21.6 20.6 21.6"/>110                                              <polygon className="colorise" points="20.6 18.5 21.6 18.5 21.6 17.5 20.6 17.5"/>111                                              <polygon className="colorise" points="20.6 24.7 21.6 24.7 21.6 23.7 20.6 23.7"/>112                                              <polygon className="colorise" points="20.6 26.7 21.6 26.7 21.6 25.7 20.6 25.7"/>113                                              <polygon className="colorise" points="20.6 28.8 21.6 28.8 21.6 27.8 20.6 27.8"/>114                                              <polygon className="colorise" points="26.7 18.5 27.8 18.5 27.8 17.5 26.7 17.5"/>115                                              <polygon className="colorise" points="26.7 20.6 27.8 20.6 27.8 19.5 26.7 19.5"/>116                                              <polygon className="colorise" points="26.7 22.6 27.8 22.6 27.8 21.6 26.7 21.6"/>117                                              <polygon className="colorise" points="26.7 24.7 27.8 24.7 27.8 23.7 26.7 23.7"/>118                                              <polygon className="colorise" points="26.7 26.7 27.8 26.7 27.8 25.7 26.7 25.7"/>119                                              <polygon className="colorise" points="26.7 28.8 27.8 28.8 27.8 27.8 26.7 27.8"/>120                                          </g>121                                      </g>122                                  </g>123                              </svg>124                              <span className="text">Scale to Big Data with one-click</span>125                          </li>126                          <li>127                              <svg className="icon-collaboration" width="31" height="31" viewBox="0 0 31 31">128                                  <g fill="none">129                                      <g fill="#FFF">130                                          <g transform="translate(-917 -646)translate(917 646)">131                                              <path d="M15.5 1C14.4 1 13.5 1.8 13.5 2.9 13.5 4 14.4 4.8 15.5 4.8 16.5 4.8 17.4 4 17.4 2.9 17.4 1.8 16.5 1 15.5 1ZM15.5 5.8C13.9 5.8 12.6 4.5 12.6 2.9 12.6 1.3 13.9 0 15.5 0 17.1 0 18.4 1.3 18.4 2.9 18.4 4.5 17.1 5.8 15.5 5.8Z"/>132                                              <path d="M2.9 1C1.8 1 1 1.8 1 2.9 1 4 1.8 4.8 2.9 4.8 4 4.8 4.8 4 4.8 2.9 4.8 1.8 4 1 2.9 1M2.9 5.8C1.3 5.8 0 4.5 0 2.9 0 1.3 1.3 0 2.9 0 4.5 0 5.8 1.3 5.8 2.9 5.8 4.5 4.5 5.8 2.9 5.8"/>133                                              <path d="M21.3 14L20.3 14 20.3 10.1C20.3 8.8 19.2 7.7 17.9 7.7L13 7.7C11.7 7.7 10.6 8.8 10.6 10.1L10.6 14 9.7 14 9.7 10.1C9.7 8.3 11.2 6.8 13 6.8L17.9 6.8C19.7 6.8 21.3 8.3 21.3 10.1L21.3 14Z"/>134                                              <path className="colorise" d="M5.8 18.8L5.8 15 25.1 15 25.1 18.8 5.8 18.8ZM6.8 17.9L24.2 17.9 24.2 15.9 6.8 15.9 6.8 17.9Z"/>135                                              <path d="M10.6 30.9L10.1 30.4C10.1 30.5 10.1 30.6 10.1 30.7 10 30.8 9.8 30.9 9.7 30.9L10.1 30.4 9.7 30 9.7 30.4 9.2 30.6 6 22.7 2.9 22.7C1.3 22.7 0 21.4 0 19.8L0 8.7C0 7.6 0.9 6.8 1.9 6.8L2.9 6.8C5 6.8 6.8 8.5 6.8 10.6L6.8 14 5.8 14 5.8 10.6C5.8 9 4.5 7.7 2.9 7.7L1.9 7.7C1.4 7.7 1 8.2 1 8.7L1 19.8C1 20.9 1.8 21.7 2.9 21.7L6.3 21.7C6.5 21.7 6.7 21.9 6.7 22L10.1 30.2C10.1 30.3 10.1 30.4 10.1 30.4L10.6 30C12 30 12.1 28.7 12.1 28.5L12.1 19.8 13 19.8 13 28.5C13 29.3 12.5 30.9 10.6 30.9"/>136                                              <path d="M28 1C27 1 26.1 1.8 26.1 2.9 26.1 4 27 4.8 28 4.8 29.1 4.8 30 4 30 2.9 30 1.8 29.1 1 28 1M28 5.8C26.4 5.8 25.1 4.5 25.1 2.9 25.1 1.3 26.4 0 28 0 29.6 0 30.9 1.3 30.9 2.9 30.9 4.5 29.6 5.8 28 5.8"/>137                                              <path d="M21.3 30.9L20.3 30.9C18.4 30.9 17.9 29.3 17.9 28.5L17.9 19.8 18.8 19.8 18.8 28.5C18.8 28.7 18.9 30 20.3 30L20.9 30 24.2 22C24.3 21.9 24.4 21.7 24.6 21.7L28 21.7C29.1 21.7 30 20.9 30 19.8L30 8.7C30 8.2 29.5 7.7 29 7.7L28 7.7C26.4 7.7 25.1 9 25.1 10.6L25.1 14 24.2 14 24.2 10.6C24.2 8.5 25.9 6.8 28 6.8L29 6.8C30.1 6.8 30.9 7.6 30.9 8.7L30.9 19.8C30.9 21.4 29.6 22.7 28 22.7L25 22.7 21.7 30.6C21.6 30.8 21.5 30.9 21.3 30.9"/>138                                              <polygon points="15 30.9 15.9 30.9 15.9 19.8 15 19.8"/>139                                              <polygon className="colorise" points="15 9.7 15.9 9.7 15.9 8.7 15 8.7"/>140                                              <polygon className="colorise" points="15 11.6 15.9 11.6 15.9 10.6 15 10.6"/>141                                          </g>142                                      </g>143                                  </g>144                              </svg>145                              <span className="text">Secure collaboration tools</span>146                          </li>147                      </ul>148                  </div>149                  <div className="col-sm-12 col-lg-4 col-lg-offset-1 hidden-xs hidden-sm">150                      <div className="demo-form">151                          <h2>Request your free SherlockML demo today</h2>152                          <Form method="post" onValidSubmit={this.sendToServer} action="/" id="_form_1_" className="form activecampaign" noValidate data-cfields='{"3": "role"}'>153                              <div className="form-group">154                                  <label className="sr-only">Full name*</label>155                                  <MyInput type="text" name="fullname" validations="minLength:2" validationError="This field is required." placeholder="Full name*" required/>156                              </div>157                              <div className="form-group">158                                  <label className="sr-only">Work e-mail*</label>159                                  <MyInput type="text" name="email" placeholder="Work e-mail*" validations="isEmail" validationError="This is not a valid email" required/>160                              </div>161                              <div className="form-group">162                                  <label className="sr-only">Company*</label>163                                  <MyInput type="text" name="organization" placeholder="Company*"  validations="minLength:3" validationError="This field is required." required/>164                              </div>165                              <div className="form-group">166                                  <label className="sr-only">Role</label>167                                  <MyInput type="text" name="field[3]" value="" placeholder="Role"/>168                              </div>169                              <button id="_form_1_submit" className="btn blue"  type="submit">Request A Demo</button>170                              <div className="link-signup">171                                  Have an invitation code? <a href="/signup">Sign up</a>172                              </div>173                              <div className="_form-thank-you" style={{display:'none'}}></div>174                          </Form>175                      </div>176                  </div>177              </div>178          </div>179      </div>180      <div id="video">181          <video preload loop muted autoPlay width="100%" height="auto" poster="/img/bg-particles.png">182              <source src="https://sherlockml-cdn.s3-eu-west-1.amazonaws.com/video.mp4" type="video/mp4"/>183          </video>184      </div>185      <div className="dropdown case-studies" >186      <div className = "row">187      <div className = "col-md-4">188          <div className="dropdownBody">189          <div className="row">190              <section className="case-studies-container">191                      <div className = "col-md-6">192                          <h3>Business impact</h3>193                          <div className="leftliststyle col-md-12">194                              <a className="case-study" href="/case-study/predictive-staffing">195                                  <img alt="" src="/img/homepage/case-studies/header-predictive-staffing.jpg"/>196                                  <div className="content">197                                      <span className="title">198                                          Predictive staff scheduling199                                      </span>200                                      <span className="link">201                                          Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>202                                      </span>203                                  </div>204                              </a>205                          </div>206                          <div className="leftliststyle col-md-12">207                              <a className="case-study" href="/case-study/fraud-detection">208                                  <img alt="" src="/img/homepage/case-studies/header-fraud-detection.jpg"/>209                                  <div className="content">210                                      <span className="title">211                                          Fraud detection212                                      </span>213                                      <span className="link">214                                          Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>215                                      </span>216                                  </div>217                              </a>218                          </div>219                          <div className="leftliststyle col-md-12">220                              <a className="case-study" href="/case-study/predictive-maintenance">221                                  <img alt="" src="/img/homepage/case-studies/header-predictive-maintenance.jpg"/>222                                  <div className="content">223                                      <span className="title">224                                          Predictive Maintenance225                                      </span>226                                      <span className="link">227                                          Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>228                                      </span>229                                  </div>230                              </a>231                          </div>232                      </div>233              </section>234              <section className="sherlock-in-action">235              <div className="col-md-6">236                  <h3>SherlockML in Action</h3>237                  <a href="/in-action/powerful-compute">238                      <span className="icon">239                          <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">240                              <g>241                                  <polygon points="6.5 0 12.1 3.3 12.1 9.8 6.5 13 0.9 9.8 0.9 3.3"></polygon>242                              </g>243                          </svg>244                      </span>245                      <span className="title">Powerful Compute</span>246                  </a>247                  <a href="/in-action/fast-configuration">248                      <span className="icon">249                          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">250                              <g>251                                  <path d="M0 1.8C0 0.8 0.8 0 1.8 0L3.7 0 3.7 3.7 0 3.7 0 1.8ZM6.2 0L9.8 0 9.8 3.7 6.2 3.7 6.2 0ZM12.3 0L14.2 0C15.2 0 16 0.8 16 1.8L16 3.7 12.3 3.7 12.3 0ZM0 6.2L3.7 6.2 3.7 9.8 0 9.8 0 6.2ZM6.2 6.2L9.8 6.2 9.8 9.8 6.2 9.8 6.2 6.2ZM12.3 6.2L16 6.2 16 9.8 12.3 9.8 12.3 6.2ZM0 12.3L3.7 12.3 3.7 16 1.8 16C0.8 16 0 15.2 0 14.2L0 12.3ZM6.2 12.3L9.8 12.3 9.8 16 6.2 16 6.2 12.3ZM12.3 12.3L16 12.3 16 14.2C16 15.2 15.2 16 14.2 16L12.3 16 12.3 12.3Z"></path>252                              </g>253                          </svg>254                      </span>255                      <span className="title">Fast Configuration</span>256                  </a>257                  <a href="/in-action/secure-collaboration">258                      <span className="icon">259                          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14">260                              <g>261                                  <path d="M10.9 10.5C11.4 10.7 11.7 11.1 11.8 11.7L11.8 13.5 6.9 13.5 5.9 13.5 5.9 13.5 1 13.5C0.4 13.5 0 13.1 0 12.6L0 11.7C0.1 11.1 0.4 10.7 0.8 10.5 1.2 10.3 1.7 10.1 2.1 10 2.1 10 3.4 9.6 4 9.3L4.1 9.3C4.2 9.2 4.2 9.2 4.2 9.1 4.3 9.1 4.3 9.1 4.3 9.1 4.3 9 4.3 9 4.3 8.9L4.3 8.1 4.2 8.1C4.2 8.1 4.1 8.1 4.1 8.1 4 8.1 4 8.1 3.9 8.1 3.8 8.1 3.8 8.1 3.7 8.1 3.7 8.1 3.6 8.1 3.6 8.1 3.5 8.1 3.5 8.1 3.4 8.1 3.4 8.1 3.3 8 3.3 8 3.2 8 3.2 8 3.1 8 3.1 8 3 8 3 8 2.9 8 2.9 8 2.9 8 2.8 7.9 2.8 7.9 2.7 7.9 2.7 7.9 2.7 7.9 2.6 7.9 2.6 7.9 2.6 7.9 2.5 7.8 2.5 7.8 2.5 7.8 2.4 7.8 2.4 7.8 2.4 7.8 2.3 7.8 2.3 7.8 2.3 7.7 2.2 7.7 2.2 7.7 2.2 7.7 2.2 7.7 2.1 7.7 2.1 7.7 2.1 7.6 2.1 7.6 2 7.6 2 7.6 2 7.6 2 7.6 2 7.6 1.9 7.5 1.9 7.5 1.9 7.5 1.9 7.5 1.9 7.5 1.9 7.5 1.8 7.5 1.8 7.5 1.8 7.4 1.8 7.4 1.8 7.4 1.8 7.4 1.8 7.4 1.7 7.4 1.7 7.4 1.7 7.4 1.7 7.4 1.7 7.4 1.7 7.3 1.7 7.3 1.7 7.3 1.7 7.3 1.7 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.3 1.6 7.2 1.6 7.2 1.6 7.2 2.8 7.2 2.7 4.1 2.6 0.9 4.1 0.4 4.6 0.2 4.7 0.2 4.8 0.1 4.9 0.1 5 0.1 5 0.1 5 0.1 5.1 0.1 5.1 0.1 5.2 0 5.2 0 5.3 0 5.3 0 5.3 0 5.4 0 5.4 0 5.5 0 5.5 0 5.5 0 5.6 0 5.6 0 5.6 0 5.6 0 5.6 0 5.7 0 5.8 0 5.8 0 5.9 0 6 0 6 0 6 0 6.1 0 6.1 0.1 6.2 0.1 6.2 0.1 6.2 0.1 6.2 0.1 6.3 0.1 6.4 0.1 6.5 0.2 6.5 0.2 6.5 0.2 6.5 0.2 6.6 0.2 6.6 0.2 6.7 0.3 6.7 0.3 6.7 0.3 6.7 0.3 6.7 0.3 6.8 0.3 6.8 0.4 6.8 0.4 6.8 0.4 6.8 0.4 6.9 0.4 6.9 0.4 6.9 0.5 6.9 0.5 6.9 0.5 6.9 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.5 7 0.6 7 0.6 7.1 0.5 7.2 0.5 7.2 0.5 7.2 0.5 7.3 0.5 7.3 0.5 7.3 0.5 7.4 0.6 7.4 0.6 7.5 0.6 7.5 0.6 7.6 0.6 7.6 0.6 7.7 0.6 7.7 0.6 7.8 0.6 7.8 0.6 7.8 0.7 7.9 0.7 7.9 0.7 8 0.7 8 0.7 8 0.7 8.1 0.8 8.1 0.8 8.2 0.8 8.2 0.8 8.2 0.9 8.3 0.9 8.3 0.9 8.3 1 8.4 1 8.4 1 8.4 1 8.5 1.1 8.5 1.1 8.5 1.1 8.5 1.2 8.6 1.2 8.6 1.3 8.6 1.3 8.7 1.3 8.7 1.4 8.7 1.4 8.7 1.5 8.7 1.5 8.8 1.6 8.8 1.6 8.8 1.6 8.8 1.7 8.9 1.7 8.9 1.8 8.9 1.8 8.9 1.9 8.9 1.9 8.9 2 9 2 9 2.1 9 2.1 9 2.2 9 2.2 9 2.3 9 2.3 9.1 2.4 9.1 2.5 9.1 2.5 9.1 2.6 9.1 2.6 9.1 2.7 9.1 2.8 9.1 2.8 9.1 2.9 9.1 2.9 9.1 3 9.1 3.1 9.1 3.1 9.2 3.2 9.2 3.3 9.2 3.3 9.2 3.4 9.2 3.4 9.2 3.5 9.2 3.6 9.2 3.7 9.2 3.7 9.2 3.8 9.2 3.8 9.2 3.9 9.2 4 9.2 4.1 9.2 4.1 9.2 4.2 9.2 4.2 9.1 4.4 9.1 4.5 9.1 4.6 8.9 6.9 10.1 7.3 10.1 7.3 10.1 7.3 10 7.4 10 7.4 10 7.4 9.9 7.4 9.9 7.5 9.9 7.5 9.8 7.5 9.8 7.5 9.8 7.6 9.7 7.6 9.7 7.6 9.7 7.6 9.6 7.6 9.6 7.7 9.6 7.7 9.6 7.7 9.5 7.7 9.5 7.7 9.4 7.7 9.4 7.8 9.4 7.8 9.3 7.8 9.3 7.8 9.3 7.8 9.2 7.8 9.2 7.8 9.2 7.8 9.1 7.9 9.1 7.9 9.1 7.9 9 7.9 9 7.9 9 7.9 8.9 7.9 8.9 7.9 8.8 7.9 8.8 7.9 8.8 8 8.7 8 8.7 8 8.7 8 8.6 8 8.6 8 8.5 8 8.5 8 8.5 8 8.5 8 8.4 8 8.3 8 8.3 8 8.3 8 8.3 8 8.2 8 8.2 8.1 8.2 8.1 8.1 8.1 8.1 8.1 8.1 8.1 8 8.1 8 8.1 8 8.1 7.9 8.1 7.9 8.1 7.9 8.1 7.9 8.1 7.9 8.1 7.8 8.1 7.8 8.1 7.8 8.1 7.8 8.1 7.7 8.1 7.7 8.1 7.7 8.1 7.7 8.1 7.7 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.6 8.1 7.5 8.1L7.5 8.1C7.5 8.1 7.5 8.1 7.5 8.1L7.5 8.1C7.5 8.1 7.5 8.1 7.5 8.1L7.5 8.9C7.5 8.9 7.5 8.9 7.5 8.9L7.5 8.9C7.5 9 7.5 9 7.5 9.1 7.5 9.1 7.5 9.1 7.5 9.1 7.6 9.2 7.6 9.2 7.7 9.3L7.7 9.3C8 9.5 8.4 9.6 8.7 9.7 9.2 9.9 9.7 10 9.7 10 10.1 10.1 10.5 10.3 10.9 10.5ZM19.5 10.7C19.8 10.9 20 11.3 20 11.7L20 12.6C20 13.1 19.6 13.5 19 13.5L13.1 13.5 13.1 13.5 13.1 11.7 13.1 11.6 13.1 11.5C13 10.6 12.4 9.7 11.5 9.3 11.3 9.2 11 9.1 10.8 9 10.6 8.9 10.5 8.6 10.7 8.5 10.8 8.4 10.9 8.3 11 8.2 11 8.2 11.1 8.2 11.1 8.2L11.3 8 11.3 6.9C11.1 6.6 11 6.4 11 6.2L10.6 6.1C10.5 6 10.4 5.7 10.4 5 10.4 4.9 10.4 4.9 10.4 4.8 10.4 4.5 10.4 4.2 10.5 3.8 10.5 3.8 10.5 3.8 10.6 3.8 10.5 3.3 10.1 1.4 11.5 0.6 11.4 0.4 11.3 0.2 11.3 0 11.3 0 12.8 0.2 13.6 0 14.4-0.1 15.2 0.5 15.3 1 15.3 1 16.9 1 16.3 3.8 16.5 3.8 16.8 4 16.5 4.9 16.3 5.6 16.1 5.8 16 5.8 15.9 6.2 15.8 6.5 15.6 6.9L15.6 8C15.6 8 18.5 9.8 19.5 10.7Z"></path>262                              </g>263                          </svg>264                      </span>265                      <span className="title">Secure Collaboration</span>266                  </a>267                  <a href="/in-action/easy-deployment">268                      <span className="icon">269                          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16">270                              <g>271                                  <path d="M16.9 7.7C16.5 7.4 16.2 7.1 16.2 6.9 15.9 6.2 15.8 5.6 15.4 4.6L15.4 3.1C15.8 2.5 15.7 2.3 15.4 2.3 15.4 2 15.2 1.9 14.6 1.5 14.5 1.8 14.2 1.7 13.8 1.5 13.9 1.5 13.8 1.2 13.8 0.8 13.8 0.6 13.9 0.4 13.8 0 14.3 0.1 14.5 0 14.6 0 15.3 0 15.7 0.1 16.2 0 16.4 0.3 16.7 0.5 16.9 0.8 17.2 1 17.4 1.3 17.7 1.5 17.6 2.1 17.7 2.8 17.7 3.8L17.7 4.6C17.7 5.9 18.1 6.5 19.2 6.9 19.1 6.7 19.2 6.7 19.2 6.9 19.5 6.8 19.7 6.9 20 6.9 19.9 7.2 20 7.4 20 7.7 20 8 19.9 8.2 20 8.5 19.7 8.5 19.5 8.6 19.2 8.5 19.2 8.7 19.1 8.7 19.2 8.5 18.1 8.9 17.7 9.5 17.7 10.8L17.7 11.5C17.7 12.5 17.7 13.1 17.7 13.8 17.5 13.9 17.3 14.2 16.9 14.6 16.9 14.7 16.6 14.9 16.2 15.4 15.8 15.3 15.3 15.4 14.6 15.4 14.5 15.4 14.3 15.3 13.8 15.4 13.9 15 13.8 14.7 13.8 14.6 13.8 14.1 13.9 13.9 13.8 13.8 14.2 13.6 14.5 13.5 14.6 13.8 15.2 13.4 15.5 13.3 15.4 13.1 15.7 13 15.8 12.8 15.4 12.3L15.4 10.8C15.8 9.8 15.8 9.1 16.2 8.5 16.2 8.3 16.5 8 16.9 7.7ZM3.1 7.7C3.5 8 3.8 8.3 3.8 8.5 4.2 9.1 4.2 9.8 4.6 10.8L4.6 12.3C4.2 12.6 4.3 13 4.6 13.1 4.5 13.3 4.6 13.4 4.6 13.1 5 13.5 5.1 13.5 5.4 13.8 5.8 13.6 6.2 13.9 6.2 14.6 6.2 14.7 6.1 15 6.2 15.4 5.7 15.3 5.4 15.4 5.4 15.4 4.7 15.4 4.3 15.3 3.8 15.4 3.6 15 3.3 14.9 3.1 14.6 2.8 14.4 2.6 14 2.3 13.8 2.4 13.2 2.3 12.5 2.3 11.5L2.3 10.8C2.3 9.5 1.8 8.8 0.8 8.5 0.8 8.7 0.8 8.7 0.8 8.5 0.5 8.6 0.3 8.5 0 8.5 0.1 8.2 0 8 0 7.7 0 7.4 0.1 7.2 0 6.9 0.3 6.9 0.5 6.8 0.8 6.9 0.8 6.7 1 6.7 1.5 6.9 1.9 6.5 2.3 5.9 2.3 4.6L2.3 3.8C2.3 2.9 2.3 2.3 2.3 1.5 2.5 1.6 2.7 1.2 3.1 0.8 3.1 0.7 3.4 0.4 3.8 0 4.2 0.1 4.7 0 5.4 0 5.5 0 5.7 0.1 6.2 0 6.1 0.4 6.2 0.6 6.2 0.8 6.2 1.4 5.8 1.8 5.4 1.5 5.1 1.9 5 1.9 4.6 1.5 4.7 2 4.5 2.1 4.6 2.3 4.3 2.4 4.2 2.8 4.6 3.1L4.6 4.6C4.2 5.6 4.1 6.2 3.8 6.9 3.8 7.1 3.5 7.4 3.1 7.7ZM13.1 8.5C12.7 8.5 12.3 8.1 12.3 7.7 12.3 7.3 12.7 6.9 13.1 6.9 13.5 6.9 13.8 7.3 13.8 7.7 13.8 8.1 13.5 8.5 13.1 8.5ZM10 8.5C9.6 8.5 9.2 8.1 9.2 7.7 9.2 7.3 9.6 6.9 10 6.9 10.4 6.9 10.8 7.3 10.8 7.7 10.8 8.1 10.4 8.5 10 8.5ZM6.9 8.5C6.5 8.5 6.2 8.1 6.2 7.7 6.2 7.3 6.5 6.9 6.9 6.9 7.3 6.9 7.7 7.3 7.7 7.7 7.7 8.1 7.3 8.5 6.9 8.5Z"></path>272                              </g>273                          </svg>274                      </span>275                      <span className="title">Easy Deployment</span>276                  </a>277                  </div>278              </section>279              </div>280          </div>281          <div className="dropdownFooter">282              <span>283                  Interested in <b>SherlockML</b>284                  ?285              </span>286              <a className="btn green" href="/demo">Start your Free Trial</a>287          </div>288          </div>289          </div>290      </div>291  </header>292  <div className="wrapper">293      <section id="trusted-by">294          <div className="container">295              <div className="row">296                  <div className="col-md-6 col-md-offset-3">297                      <h3>SherlockML is used by organisations globally to accelerate their AI projects and has helped generate huge amounts of business value.</h3>298                  </div>299              </div>300          </div>301          <ul>302              <li>303                  <img alt="" src="/img/homepage/logos/nhs.png"/>304              </li>305              <li>306                  <img alt="" src="/img/homepage/logos/beauhurst.png"/>307              </li>308              <li>309                  <img alt="" src="/img/homepage/logos/movebubble.png"/>310              </li>311              <li>312                  <img alt="" src="/img/homepage/logos/easyjet.png"/>313              </li>314              <li>315                  <img alt="" src="/img/homepage/logos/siemens.png"/>316              </li>317              <li>318                  <img alt="" src="/img/homepage/logos/london-irish.png"/>319              </li>320          </ul>321      </section>322      <section id="highlights">323          <div className="text-block">324              <div className="container">325                  <div className="row">326                      <div className="col-sm-5 col-md-4 col-sm-offset-0 col-md-offset-1">327                          <h2>Secure, Scalable Compute</h2>328                          <p>329                              <strong>SherlockML</strong>330                              offers a secure cloud based environment for data science. It eliminates burdens on internal IT and helps data scientists to work faster and collaborate more effectively.331                          </p>332                      </div>333                      <div className="col-sm-4">334                          <div className="img servers">335                              <img alt="" src="/img/homepage/highlights/servers.png" width="928" height="282"/>336                          </div>337                      </div>338                  </div>339              </div>340          </div>341          <div className="text-block">342              <div className="container">343                  <div className="row">344                      <div className="col-sm-7">345                          <div className="img lens">346                              <img alt="" src="/img/homepage/highlights/lens.png" width="685" height="556"/>347                          </div>348                      </div>349                      <div className="col-sm-5 col-md-4">350                          <h2>Rapid Exploration and Cleaning</h2>351                          <p>352                              <strong>SherlockML</strong>353                              provides custom productivity tools, paired with familiar open source components like Jupyter Notebook and RStudio to help data scientists to build, test and deploy their own bespoke AI models.354                          </p>355                      </div>356                  </div>357              </div>358          </div>359          <div className="text-block">360              <div className="container">361                  <div className="row">362                      <div className="col-sm-5 col-md-4 col-sm-offset-0 col-md-offset-1">363                          <h2>Easy Collaboration</h2>364                          <p>Your team can iterate and deliver projects better and faster without having to worry about infrastructure and deployment. Collaboration, version control, and productionising models are as simple as a few clicks.</p>365                      </div>366                      <div className="col-sm-4">367                          <div className="img collaboration">368                              <img alt="" src="/img/homepage/highlights/collaboration.png" width="784" height="592"/>369                          </div>370                      </div>371                  </div>372              </div>373          </div>374          <div className="text-block">375              <div className="container">376                  <div className="row">377                      <div className="col-sm-7">378                          <div className="img communication">379                              <img alt="" src="/img/homepage/highlights/communication.png" width="598" height="393"/>380                          </div>381                      </div>382                      <div className="col-sm-5 col-md-4">383                          <h2>Clear Communication</h2>384                          <p>385                              <strong>SherlockML</strong>386                              provides integrated tools to share results and insights to every part of your organisation.387                          </p>388                      </div>389                  </div>390              </div>391          </div>392      </section>393      <section className="case-studies-container" id="case-studies">394          <h2>395              Power your analysis with <strong>SherlockML</strong>396          </h2>397          <div className="container">398              <div className="row">399                  <div>400                      <div className="col-sm-6 col-md-4">401                          <a className="case-study" href="/case-study/predictive-staffing">402                              <img alt="" src="/img/homepage/case-studies/header-predictive-staffing.jpg"/>403                              <div className="content">404                                  <span className="title">405                                      Predictive staff scheduling<small>Aviation</small>406                                  </span>407                                  <span className="link">408                                      Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>409                                  </span>410                              </div>411                          </a>412                      </div>413                      <div className="col-sm-6 col-md-4">414                          <a className="case-study" href="/case-study/fraud-detection">415                              <img alt="" src="/img/homepage/case-studies/header-fraud-detection.jpg"/>416                              <div className="content">417                                  <span className="title">418                                      Fraud detection<small>Financial Services</small>419                                  </span>420                                  <span className="link">421                                      Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>422                                  </span>423                              </div>424                          </a>425                      </div>426                      <div className="col-sm-6 col-md-4">427                          <a className="case-study" href="/case-study/predictive-maintenance">428                              <img alt="" src="/img/homepage/case-studies/header-predictive-maintenance.jpg"/>429                              <div className="content">430                                  <span className="title">431                                      Predictive Maintenance<small>Manufacturing</small>432                                  </span>433                                  <span className="link">434                                      Read case study<span className="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>435                                  </span>436                              </div>437                          </a>438                      </div>439                  </div>440              </div>441          </div>442          <div className="cta">443              <a className="btn green big" href="/demo">Request a Demo</a>444          </div>445      </section>446  </div>447  <Newsletter />448  <Footer />449</div>450)451}...fem.js
Source:fem.js  
1// We define some variables for the colors2var G_COLOR_NODE_HIGH = "#d9534f";3var G_COLOR_ELEM_HIGH = "#d9534f";45var G_CURRENT_PANEL_STATE = "default";67function enableChangeColorScheme() {8    $("ul[name='color-schemes'] a").click(function(e) {9        e.preventDefault();10        var colorScheme = $(this).parent().attr("name");1112        G_CURRENT_COLOR_SCHEME = colorScheme;13        domainObject.changeColorDueToValues();1415        $("ul[name='color-schemes'] li").removeClass('active');16        $(this).parent().addClass('active');17    });18}1920function togglePanels(runAgain) {2122    var leftPanel = $("div#leftColumnResults");23    var rightPanel = $("div#rightColumnResults");2425    var colDefault = "col-xs-6";2627    var colBig = "col-xs-9";28    var colSmall = "col-xs-3";2930    var colHuge = "col-xs-12";31    var colNone = "hide";3233    // First we set the next value34    switch (G_CURRENT_PANEL_STATE) {35        case "big-left": G_CURRENT_PANEL_STATE = "huge-left"; break;36        case "huge-left": G_CURRENT_PANEL_STATE = "big-right"; break;37        case "big-right": G_CURRENT_PANEL_STATE = "huge-right"; break;38        case "huge-right": G_CURRENT_PANEL_STATE = "default"; break;39        default: G_CURRENT_PANEL_STATE = "big-left";40    }4142    // Then we set the changes43    switch (G_CURRENT_PANEL_STATE) {4445        case "big-left":46            leftPanel.removeClass(colDefault);47            leftPanel.addClass(colBig);4849            rightPanel.removeClass(colDefault);50            rightPanel.addClass(colSmall);51            break;5253        case "huge-left":54            leftPanel.removeClass(colBig);55            leftPanel.addClass(colHuge);5657            rightPanel.removeClass(colSmall);58            rightPanel.addClass(colNone);59            break;6061        case "big-right":62            leftPanel.removeClass(colHuge);63            leftPanel.addClass(colSmall);6465            rightPanel.removeClass(colNone);66            rightPanel.addClass(colBig);67            break;6869        case "huge-right":70            leftPanel.removeClass(colSmall);71            leftPanel.addClass(colNone);7273            rightPanel.removeClass(colBig);74            rightPanel.addClass(colHuge);75            break;7677        default:78            leftPanel.removeClass(colNone);79            leftPanel.addClass(colDefault);8081            rightPanel.removeClass(colHuge);82            rightPanel.addClass(colDefault);8384    }8586}8788function toggleViews(setElementalView) {8990    setElementalView = assignIfNecessary(setElementalView, false);9192    var $matrixSVG = $('#matrixSVG');93    var $box = $('#box');9495    if ($box.hasClass('hidden') || setElementalView) {96        $matrixSVG.addClass('hidden');97        $box.removeClass('hidden');9899    } else {100        $matrixSVG.removeClass('hidden');101        $box.addClass('hidden');102    }103104}105106function toggleScale() {107    domainObject.toggleScale();108}109110function viewGlobalStiffnessMatrix() {111    var modalBody = $('#modalStiffnessMatrix').find('.output');112113    var globalK = globalElementalMatrixObject.latexfyMatrixWithLabel(G_CURRENT_ELEMENTAL_DATA.stiffness_matrix, 'K\\cdot \\phi');114    var globalPhi = globalElementalMatrixObject.latexfyMatrix(G_CURRENT_ELEMENTAL_DATA.u);115    var globalF = globalElementalMatrixObject.latexfyMatrixWithLabel(G_CURRENT_ELEMENTAL_DATA.f, 'f');116117    modalBody.html('$${\\begin{align*}' +  globalK + globalPhi + "&&" + globalF + '\\end{align*}}$$');118119    $('#modalStiffnessMatrix').modal();120    setTimeout(globalElementalMatrixObject.loadMathJax('#modalStiffnessMatrix'), 5);121}122123function drawCurrentMatrix(two, group) {124125    //@TODO Optimizar el index de elementos. Podria crear un vector que mapee el id de Two con el ielem126127    var groupSystem = globalMatrixObject.setMatrixDrawing('draw-matrix', 'draw-matrix-dummy', G_XNODE, G_IELEM);128129    $.each(group, function(index, value) {130        $.each(group[index].children, function(idx, currentElem) {131            $(currentElem._renderer.elem)132                .css('cursor', 'pointer')133                .on('mouseenter', function(e) {134                    currentElem.fill = G_COLOR_ELEM_HIGH;135136                    // We set the color of  the cells of the matrix137                    coloriseDueToMouse(groupSystem, currentElem, true);138139                    globalMatrixObject.TwoMatrix.update();140                    two.update();141142                    Utils.setCurrentValue(currentElem.currentValue);143144                }).on('mouseleave', function(e) {145146                    currentElem.fill = currentElem.fill_original;147148                    // We clear the color of  the cells of the matrix149                    coloriseDueToMouse(groupSystem, currentElem, false);150151                    globalMatrixObject.TwoMatrix.update();152                    two.update();153154                }).on('click', function (e){155156                    if (currentElem.type === 'elem') {157                        toggleViews(true);158                        globalElementalMatrixObject.setWorkspace(currentElem.k_ielem - 1);159                    }160                });161        });162    });163164    $.each(groupSystem, function(index, value) {165        $.each(groupSystem[index].children, function(idx, currentCell) {166            $(currentCell._renderer.elem)167                .css('cursor', 'pointer')168                .on('mouseenter', function(e) {169170                    currentCell.fill = G_COLOR_ELEM_HIGH;171                    currentCell.stroke = currentCell.fill;172173                    $.each(group.nodes.children, function(idx, currentNode) {174                        if (currentNode.k_ielem === currentCell.id_row) {175                            currentNode.fill = G_COLOR_ELEM_HIGH;176                        } else {177                            currentNode.fill = currentNode.fill_original;178                        }179                    });180181                    $.each(group.elems.children, function(idx, currentElem) {182                        if ($.inArray(currentCell.id_row, currentElem.ielem) !== -1) {183                            currentElem.fill = G_COLOR_ELEM_HIGH;184                        } else {185                            currentElem.fill = currentElem.fill_original;186                        }187                    });188189                    // We set the color of  the cells of the matrix190                    //coloriseDueToMouse(groupSystem, currentElem, true);191192                    globalMatrixObject.TwoMatrix.update();193                    two.update();194195                }).on('mouseleave', function(e) {196197                    currentCell.fill = currentCell.fill_original;198                    currentCell.stroke = currentCell.stroke_original;199200                    $.each(group.nodes.children, function(idx, currentNode) {201                        currentNode.fill = currentNode.fill_original;202                    });203204                    $.each(group.elems.children, function(idx, currentElem) {205                        currentElem.fill = currentElem.fill_original;206                    });207208                    // We clear the color of  the cells of the matrix209                    //coloriseDueToMouse(groupSystem, currentElem, false);210211                    globalMatrixObject.TwoMatrix.update();212                    two.update();213                });214        });215    });216217}218219function getSingleColFromCurrentDomain(variable, col_idx) {220221    var singleCol = [];222223    if ($.isArray(col_idx)) {224225        $.each(col_idx, function(idx, val) {226            if (singleCol.length > 0) {227                singleCol = getSingleColFromCurrentDomainHelper(variable, val, singleCol);228            } else {229                singleCol = getSingleColFromCurrentDomainHelper(variable, val);230            }231        });232233        $.each(singleCol, function(idx, val) {234            singleCol[idx] = Math.sqrt(val);235        });236237    } else {238        singleCol = getSingleColFromCurrentDomainHelper(variable, col_idx);239    }240241    return singleCol;242243}244245function getSingleColFromCurrentDomainHelper(variable, col_idx, singleColumnArrayPassed) {246247    if (!exists(G_CURRENT_DOMAIN[variable])) {248        throw new Error("getSingleColFromCurrentDomain() : Invalid variable [" + variable + "]")249    }250251    singleColumnArrayPassed = assignIfNecessary(singleColumnArrayPassed, false);252    var singleColArray = (singleColumnArrayPassed) ? singleColumnArrayPassed : [];253254    if (singleColumnArrayPassed) {255        for ( var k = 0 ; k < G_CURRENT_DOMAIN[variable].length ; k++ ) {256            singleColArray[k] = Math.pow(singleColArray[k], 2) + Math.pow(G_CURRENT_DOMAIN[variable][k][col_idx], 2);257        }258    } else {259        for ( k = 0 ; k < G_CURRENT_DOMAIN[variable].length ; k++ ) {260            singleColArray.push(G_CURRENT_DOMAIN[variable][k][col_idx]);261        }262    }263264    return singleColArray;265266}267268function getOptions(xnode, ielem, params) {269270    params = assignIfNecessary(params, false);271272    var localParamsTextSVG = {          // These are the text's params shared locally273        'alignment'      : 'center',274        'fill'           : 'black',275        'font-family'    : 'Georgia',276        'pointer-events' : 'none',277        'style'          : 'cursor:pointer',278        'text-anchor'    : 'middle',279        'font-size'      : 0.125 * Math.abs( xnode[ ielem[0][2] - 1 ][1] - xnode[ ielem[0][0] - 1 ][1] )280    };281282    if (localParamsTextSVG['font-size'] === 0) {283        localParamsTextSVG['font-size'] = 0.25 * Math.abs( xnode[ ielem[0][1] - 1 ][1] - xnode[ ielem[0][0] - 1 ][1] );284    }285286    localParamsTextSVG['font-size'] = 12;287288    if (params.valuesToColorise) {289290        // For the colors291        params = {292            valuesToColorise : params.valuesToColorise,293            minValue : params.valuesToColorise[0],294            maxValue : params.valuesToColorise[0]295        };296297        for ( var k = 0 ; k < params.valuesToColorise.length ; k++ ) {298            if (params.valuesToColorise[k] > params.maxValue) {299                params.maxValue = params.valuesToColorise[k];300            }301            if (params.valuesToColorise[k] < params.minValue) {302                params.minValue = params.valuesToColorise[k];303            }304        }305306        $("#minValue").html(Utils.parseNumber(params.minValue));307        $("#maxValue").html(Utils.parseNumber(params.maxValue));308    }309310    params.localParamsTextSVG = localParamsTextSVG;311312    return params;313}314315function coloriseDueToMouse(groupSystem, currentElem, isEntering) {316317    isEntering = assignIfNecessary(isEntering, false);318319    // We set the color of  the cells of the matrix and the vector320    $.each(groupSystem, function(idxGroupChildren, valGroupChildren) {321322        $.each(valGroupChildren.children, function(idx, currentCell) {323324            if (isEntering === true) {325                coloriseDueToMouseHelper(currentElem, currentCell);326            } else {327                discolorDueToMouseHelper(currentElem, currentCell);328            }329330        });331332    });333}334335function coloriseDueToMouseHelper(currentElem, currentCell) {336337    var isEmptyCell = (currentCell.fill_original === G_COLOR_EMPTY);338    var needsColor = false;339340    if (!isEmptyCell) {341        if (currentElem.type === 'elem') {342            var isInRow = ($.inArray(currentCell.id_row, currentElem.ielem) >= 0);343            var isInCol = ($.inArray(currentCell.id_col, currentElem.ielem) >= 0);344345            if (currentCell.isMatrix) {346                needsColor = isInRow && isInCol;347            } else {348                needsColor = isInRow || isInCol;349            }350351        } else {352            if (currentCell.id_row === currentElem.k_ielem ||353                currentCell.id_col === currentElem.k_ielem) {354                needsColor = true;355            }356        }357    }358359    if (needsColor) {360        currentCell.fill = getColorFromIdx(currentElem.k_ielem - 1, 0.7);361        currentCell.stroke = getColorFromIdx(currentElem.k_ielem - 1);362        currentCell.opacity = 1;363    }364365}366367function discolorDueToMouseHelper(currentElem, currentCell, clearAll) {368369    if (currentCell.fill_original === G_COLOR_EMPTY || assignIfNecessary(clearAll, false)) {370        currentCell.fill = G_COLOR_EMPTY;371        currentCell.stroke = G_COLOR_EMPTY;372    }373374    if (currentCell.fill !== currentCell.fill_original) {375        currentCell.fill = currentCell.fill_original;376        currentCell.stroke = currentCell.stroke_original;377    }378379}380381$(document).ready(function() {382    var $body = $(".row");383    $body.html($body.html().replace(/{{femris}}/g, "<span class='femris'><tt>FEMRIS</tt></span>"));384385    var params = {386        valuesToColorise : getSingleColFromCurrentDomain('displacements', eval($("ul[name='displacements'] > li.active").attr("name")))387    };388389    params.valuesToColorise = (params.valuesToColorise.length > 0) ? params.valuesToColorise : false;390391    // We transform the original coordinates so they can fit better in the SVG392    G_XNODE = transformCoordinates(G_XNODE);393    G_XNODE_ORIGINAL = G_CURRENT_DOMAIN.coordinates;394395    options = getOptions(G_XNODE, G_IELEM, params);396397    domainObject.makeElements(G_XNODE, G_IELEM, options);398399    $("nav.navbar-fixed-top .visualization li").on('click', function(e) {400        var $this = $(this);401402        $(".visualization li").removeClass("active");403        $this.addClass("active");404405        var whichVariable = $this.parent().attr('name');406        var indexColumn = $this.attr('name');407408        if (indexColumn.search(',') > 0) {409            indexColumn = eval(indexColumn);410        }411412        params = {413            valuesToColorise : getSingleColFromCurrentDomain(whichVariable, indexColumn)414        };415416        params.valuesToColorise = (params.valuesToColorise.length > 0) ? params.valuesToColorise : false;417418        options = getOptions(G_XNODE, G_IELEM, params);419        domainObject.changeColorDueToValues(options);420    });421422    drawCurrentMatrix(domainObject.two, domainObject.group);423424    // If the window changes its size, we reload the page425    $(window).resize(function() {426        //document.location.reload();427    });428429    /////////////////////////////////////////////////////////////////////////////////////////////430431    globalElementalMatrixObject.initialize(G_CURRENT_ELEMENTAL_DATA);432});
...contact-sheet-colorise.js
Source:contact-sheet-colorise.js  
1import React from 'react'2import { graphql } from 'gatsby'3import { ContactSheet } from '../components'4const Colorise = ({ data }) => {5  const images = data.allFile.edges;  6  return (7    <ContactSheet 8      images={images} 9      title='Colorise'10      vidLink='https://sarahghp.com/vids/colorise.mp4'11    />12  )13}14export const query = graphql`15  query {16    allFile(filter: {relativePath: {regex: "/colorise/"}} sort: {fields: relativePath}) {17      ...ContactImages18    }19  }20`21    ...Using AI Code Generation
1const chai = require('chai');2const chaiAsPromised = require('chai-as-promised');3chai.use(chaiAsPromised);4const expect = chai.expect;5const mocha = require('mocha');6const mochaAsPromised = require('mocha-as-promised');7mocha.use(mochaAsPromised);8const sinon = require('sinon');9const sinonAsPromised = require('sinon-as-promised');10sinon.use(sinonAsPromised);11const should = require('should');12const shouldAsPromised = require('should-as-promised');13should.use(shouldAsPromised);14const expect = require('expect');15const assert = require('assert');16const nodeAssert = require('assert');17const nodeExpect = require('expect');18const nodeShould = require('should');19const nodeShouldAsPromised = require('should-as-promised');20nodeShould.use(nodeShouldAsPromised);21const nodeChai = require('chai');22const nodeChaiAsPromised = require('chai-as-promised');23nodeChai.use(nodeChaiAsPromised);24const nodeExpect = nodeChai.expect;25const nodeMocha = require('mocha');26const nodeMochaAsPromised = require('mocha-as-promised');27nodeMocha.use(nodeMochaAsPromised);28const nodeSinon = require('sinon');29const nodeSinonAsPromised = require('sinon-as-promised');30nodeSinon.use(nodeSinonAsPromised);31const nodeChaiAsPromised = require('chai-as-promised');32nodeChai.use(nodeChaiAsPromised);33const nodeMochaAsPromised = require('mocha-as-promised');34nodeMocha.use(nodeMUsing AI Code Generation
1var chai = require('chai');2var colorise = require('../colorise');3chai.use(colorise);4describe('Colorise', function() {5  it('should return a string in a specified color', function() {6    expect(colorise('red', 'red')).to.equal('\u001b[31mred\u001b[39m');7    expect(colorise('blue', 'blue')).to.equal('\u001b[34mblue\u001b[39m');8  });9});10var colors = {11};12module.exports = function(chai, utils) {13  var Assertion = chai.Assertion;14  Assertion.addMethod('colorise', function(color, str) {15    var obj = this._obj;16    var expected = '\u001b[' + colors[color] + 'm' + str + '\u001b[39m';17    new Assertion(obj).to.equal(expected);18  });19};20{21  "scripts": {22  },23  "dependencies": {24  },25  "devDependencies": {26  }27}28  1 passing (7ms)29describe('colorise', function() {30  it('should return a string in a specified color', function() {31    expect(colorise('red', 'red')).to.be.colorise('red', 'red');32    expect(colorise('blue', 'blue')).to.be.colorise('blue', 'blue');33  });34});35  1 passing (Using AI Code Generation
1var chai = require('chai');2var should = chai.should();3var assert = chai.assert;4var colorise = require('../src/colorise');5var colors = require('colors');6describe('colorise', function() {7    it('should return a string in red colour', function() {8        var result = colorise('red', 'hello');9        expect(result).to.equal('hello'.red);10    });11    it('should return a string in green colour', function() {12        var result = colorise('green', 'hello');13        expect(result).to.equal('hello'.green);14    });15    it('should return a string in yellow colour', function() {16        var result = colorise('yellow', 'hello');17        expect(result).to.equal('hello'.yellow);18    });19    it('should return a string in blue colour', function() {20        var result = colorise('blue', 'hello');21        expect(result).to.equal('hello'.blue);22    });23    it('should return a string in magenta colour', function() {24        var result = colorise('magenta', 'hello');25        expect(result).to.equal('hello'.magenta);26    });27    it('should return a string in cyan colour', function() {28        var result = colorise('cyan', 'hello');29        expect(result).to.equal('hello'.cyan);30    });31    it('should return a string in white colour', function() {32        var result = colorise('white', 'hello');33        expect(result).to.equal('hello'.white);34    });35    it('should return a string in grey colour', function() {36        var result = colorise('grey', 'hello');37        expect(result).to.equal('hello'.grey);38    });39    it('should return a string in black colour', function() {40        var result = colorise('black', 'hello');41        expect(result).to.equal('hello'.black);42    });43    it('should return a string in rainbow colour', function() {44        var result = colorise('rainbow', 'hello');45        expect(result).to.equal('hello'.rainbow);46    });47    it('should return a string in zebra colour', function() {48        var result = colorise('zebra', 'hello');49    });50    it('should return a string in random colourUsing AI Code Generation
1const chai = require('chai');2const expect = chai.expect;3const colorize = require('chai-colors');4chai.use(colorize);5const chai = require('chai');6const expect = chai.expect;7const colorize = require('chai-colors');8chai.use(colorize);9const chai = require('chai');10const expect = chai.expect;11const colorize = require('chai-colors');12chai.use(colorize);13const chai = require('chai');14const expect = chai.expect;15const colorize = require('chai-colors');16chai.use(colorize);17const chai = require('chai');18const expect = chai.expect;19const colorize = require('chai-colors');20chai.use(colorize);21const chai = require('chai');22const expect = chai.expect;23const colorize = require('chai-colors');24chai.use(colorize);25const chai = require('chai');26const expect = chai.expect;27const colorize = require('chai-colors');28chai.use(colorize);29const chai = require('chai');30const expect = chai.expect;31const colorize = require('chai-colors');32chai.use(colorize);33const chai = require('chai');34const expect = chai.expect;35const colorize = require('chai-colors');36chai.use(colorize);37const chai = require('chai');38const expect = chai.expect;39const colorize = require('chai-colors');40chai.use(colorize);41const chai = require('chai');42const expect = chai.expect;43const colorize = require('chai-colors');44chai.use(colorize);45const chai = require('chai');46const expect = chai.expect;47const colorize = require('chai-colors');48chai.use(colorize);49const chai = require('chai');50const expect = chai.expect;51const colorize = require('chai-colors');52chai.use(colorize);Using AI Code Generation
1const chai = require('chai');2const color = require('chai-color');3chai.use(color);4const expect = chai.expect;5describe('color test', () => {6    it('should be a color', () => {7        expect('#FF0000').to.be.a.color();8    });9});101 passing (8ms)11assert.equal()12assert.notEqual()13assert.strictEqual()14assert.notStrictEqual()15assert.deepEqual()16assert.notDeepEqual()17assert.deepStrictEqual()18assert.notDeepStrictEqual()19assert.isTrue()20assert.isFalse()21assert.isNotNull()22assert.isNull()23assert.isUndefined()24assert.isDefined()25assert.isFunction()26assert.isObject()27assert.isArray()28assert.isString()29assert.isNumber()30assert.isBoolean()31assert.typeOf()32assert.instanceOf()33assert.include()34assert.match()35assert.property()36assert.lengthOf()37assert.throws()38assert.doesNotThrow()39assert.operator()40assert.closeTo()41assert.approximately()42assert.sameMembers()43assert.includeMembers()44assert.oneOf()45assert.isAbove()46assert.isBelow()47assert.isAtLeast()48assert.isAtMost()49assert.isWithin()50assert.isNotEmpty()51assert.isExtensible()52assert.isNotExtensible()53assert.isSealed()54assert.isNotSealed()55assert.isFrozen()56assert.isNotFrozen()57assert.isOk()58assert.isNotOk()59assert.isNotTrue()60assert.isNotFalse()61assert.isNotEqual()62assert.isNotDeepEqual()63assert.isNotNaN()64assert.isNotInstanceOf()65assert.isNotTypeOf()66assert.isNotInclude()67assert.isNotProperty()68assert.isNotLengthOf()69assert.isNotOneOf()70assert.isNotWithin()71assert.isNotApproximately()72assert.isNotSameMembers()73assert.isNotIncludeMembers()74assert.isNotWithin()75assert.isNotExtensible()76assert.isNotSealed()77assert.isNotFrozen()78assert.isNotOk()79assert.isNotOk()80assert.isNotOk()81assert.isNotOk()Using AI Code Generation
1var chai = require('chai');2var expect = chai.expect;3var colorise = require('chai-colorise');4chai.use(colorise);5var colorize = require('./colorize.js');6describe('colorize', function() {7    it('should return red color', function() {8        expect(colorize('red')).to.be.red;9    });10    it('should return green color', function() {11        expect(colorize('green')).to.be.green;12    });13    it('should return yellow color', function() {14        expect(colorize('yellow')).to.be.yellow;15    });16    it('should return blue color', function() {17        expect(colorize('blue')).to.be.blue;18    });19    it('should return magenta color', function() {20        expect(colorize('magenta')).to.be.magenta;21    });22    it('should return cyan color', function() {23        expect(colorize('cyan')).to.be.cyan;24    });25});26var colors = require('colors');27module.exports = function(color) {28    return color;29};30{31  "scripts": {32  },33  "dependencies": {34  }35}Using AI Code Generation
1chai.use(colorise());2var assert = chai.assert;3chai.use(chaiAsPromised);4chai.use(chaiHttp);5chai.use(chaiJsonSchema);6chai.use(chaiThings);7chai.use(chaiDatetime);8chai.use(chaiFuzzy);9chai.use(chaiSubset);10chai.use(chaiArrays);Using AI Code Generation
1var chain = require('chain-node');2var colorise = require('chain-node/lib/colorise');3var client = new chain.Client();4client.mockHsm.keys.create({}, function(err, key) {5  if (err) throw err;6  var signer = new chain.HsmSigner();7  signer.addKey(key.xpub, client.mockHsm.signerConnection);8  var alice = new chain.XPub(key.xpub);9  client.assets.create({10    rootXpubs: [alice.toString()],11  }, function(err, asset) {12    if (err) throw err;13    console.log('created asset:', asset.alias);14    client.accounts.create({15      rootXpubs: [alice.toString()],16    }, function(err, account) {17      if (err) throw err;18      console.log('created account:', account.alias);19      var tx = new chain.Transaction();20      tx.issue({21      });22      tx.controlWithAccount({23      });24      tx.sign(signer);25      client.transactions.submit(tx, function(err, resp) {26        if (err) throw err;27        console.log('submitted transaction:', resp.txId);28      });29    });30  });31});Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Get 100 minutes of automation test minutes FREE!!
