JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="col-sm-6 mb-40" id="mapContainer">
    <img id="Image-Maps-Com-process-map" src="http://somesite.net/oakstone/images/osh%20drawing.png" border="0" width="600" height="600" orgwidth="600" orgheight="600" usemap="#process-map" alt="">
    <map name="process-map" id="ImageMapsCom-process-map">
        <area alt="" title="" href="#" class="tooltip-bot" data-original-title="Wood Burning Stove" shape="rect" coords="478,186,572,296" style="outline:none;" target="_self">
        <area alt="" title="" href="#" class="tooltip-bot" data-original-title="Rough Cut Lumber" shape="rect" coords="184,1,395,148" style="outline:none;" target="_self">
        <area alt="This is the description maybe" title="" href="#" class="tooltip-bot" data-original-title="Distributing" shape="rect" coords="45,398,304,577" style="outline:none;" target="_self">
        <area alt="" title="" href="#" class="tooltip-bot" data-original-title="Shipping Materials" shape="rect" coords="9,52,141,183" style="outline:none;" target="_self">
        <area alt="" title="" href="#" class="tooltip-bot" data-original-title="Sawdust" shape="rect" coords="302,311,410,385" style="outline:none;" target="_self">
        <area alt="" title="" href="#" class="tooltip-bot" data-original-title="Electricity" shape="rect" coords="430,0,570,113" style="outline:none;" target="_self">
        <area alt="manufacturing" title="" href="#" class="tooltip-bot" data-original-title="Manufacturing" shape="poly" coords="348,193,213,197,188,313,221,368,296,362,300,310,357,302,363,193" style="outline:none;" target="_self">
    </map>
    <div class="text">
        <p>OSH supports the environment by using wood rather than plastic to...

CSS

,
    viewport: {
        selector: '#Image-Maps-Com-process-map',
        padding: 0
    }

JavaScript

$(".tooltip-bot, .tooltip-bot a, .nav-social-links a").tooltip({
    placement: "bottom"
});

$(document).mousemove( function(e) {	
	var mouseX = e.pageX - $('#Image-Maps-Com-process-map').offset().left - 40;
    var mouseY = e.pageY - $('#Image-Maps-Com-process-map').offset().top + 20;
    $('.tooltip').css({'top':mouseY,'left':mouseX}).fadeIn('slow');
});