difference table

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>


<form>
  <input type="radio" id="no" name="differences" value="no">
  <label for="no">No</label><br>
  <input type="radio" id="yes" name="differences" value="yes">
  <label for="yes">Yes</label><br>
</form>

<table style="width:100%">
   <tr>
    <td>Speaker</td>
    <td>Yes, with stereo speakers/td>
    <td>Yes, with stereo speakers</td>
  </tr>
  <tr> 
  
  <tr>
    <td>MAIN CAMERA</td>
    <td>12 MP, f/1.8, 26mm (wide), 1/2.55", 1.4µm, dual pixel PDAF, OIS</td>
    <td>12 MP, f/1.5-2.4, 26mm (wide), 1/2.55", 1.4µm, Dual Pixel PDAF, OIS</td>
  </tr>
  <tr>
    <td>Launch</td>
    <td>Available. Released 2019, September 20</td>
    <td>Available. Released 2019, March 08</td>
  </tr>
</table>

CSS

body {
		    background: #eeeeee;
		}

JavaScript

$(document).ready(function () {
    
});