Using d3.v3.min.js (https://d3js.org/d3.v3.min.js) to create index.html. The following should be written in HTML: Generate and plot 50 objects: 25 circles and 25 upward-pointing equilateral triangles. Each objects X and Y coordinates should be a random integer between 0 and 100 inclusively (i.e., [0, 100]). An objects X and Y coordinates should be independently computed. Each objects size will be a value between 5 and 50 inclusively (i.e., [5, 50]). You should use the symbol.size() function of d3 to adjust the size of the object. Use the objects X coordinate to determine the size of the object. You should use a linear scale for the size, to map the domain of X values to the range of [5,50]. Objects with larger x coordinate values should have larger sizes. This link (https://github.com/d3/d3-3.x-api-reference/blob/master/SVG-Shapes.md#symbol_size) explains how size is interpreted by symbol.size(). You may want to look at this example (http://bl.ocks.org/kiranml1/6972900) for the usage of symbol.size() function.