The following is the sample code provided.

//You can easily use numbers in x

var x = "aabccddddeeffb".split("");

//Uncomment for the number version

//var x = [2,5,6,3,4,2,3,4,2,3,4,5];

//Uncoment for word version

//var x = ["helo", "hello", "helo", "hi", "what"];

var histElements = {

x: x,

type: 'histogram',

//opacity: 0.5,

marker: {color: '#FFC300',},

};

var layout = {

bargap: 0.05,

bargroupgap: 0.5,

barmode: "overlay",

title: "Histogram",

xaxis: {title: "Values",},

yaxis: {title: "Count"},

};

var data = [histElements];

//Using ID for div to plot the graph

Plotly.newPlot('graph', data, layout);

Write a JavaScript to plot histogram of user entered letters for a sentence entered by the user. Histogram is a graph that will depict frequency of occurrence of user specified letters in a user specified string. You have to make use of "plotly" library and a sample is provided to you A) Create an HTML form as depicted below with two labels, two input boxes, a button and a div element. User will enter a string and a word as inputs, and you should plot the histogram in the div element on button click. Input String:aabmnccpddxdodeezffby Input Word: badcef Plot Histogram Histogra B) Create a CSS file to put your favorite styles for all the elements in the form It should have a minimum of style shown above. You can choose colors of your likings. C) JavaScript could be within the same html file or as an external file. The choice is again up to you