bootstrap two columns and input

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>

<script>

d3.select("body")
	.append("div")
	.attr("class","row")
	.attr("id","row")

d3.select("#row")
	.append("div")
	.attr("class","col-sm-4")
	.attr("id","input")
  .attr("style","background-color:lavender;")
  .text("input")

d3.select("#row")
	.append("div")
	.attr("class","col-sm-8")
	.text("chart")
	.attr("style","background-color:lavenderblush;")

var data = ["New York",	"San Francisco",	"Austin"];  
    
var select = d3.select('#input')
	.attr("id", "input")  
	.append('select')
  .attr('class','select')
  .attr('id','select')  
  .attr('multiple','multiple') 
  //.on('change',onchange)

var options = select
  .selectAll('option')
	.data(data).enter()
	.append('option')
	.text(function (d) { return d; });

d3.select("#chart")
    .append('p')
  	.text("dog")
	  
$(function() {

$('#select').selectize({
    delimiter: ',',
    persist: false,
    plugins: ['remove_button'],
    create: function(input) {
      return {
        value: input,
        text: input
      }
    }
  });

});

</script>

</body>
</html>

https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

https://code.jquery.com/jquery-1.10.2.js

https://d3js.org/d3.v3.min.js