Based on Doejo setup
A Pen by Elizabeth Shell on CodePen.
| <!DOCTYPE html> | |
| <head> | |
| <title>Load XML With jQuery</title> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> | |
| <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> | |
| <script type="text/javascript"> | |
| $(document).ready(function(){ | |
| //all code has been loaded and the document is ready to work. | |
| $.ajax({ |
| <?xml version="1.0" encoding="utf-8" ?> | |
| <people> | |
| <person name="William Randolph Hearst" imageurl="images/hurst.gif"> | |
| <description> | |
| Hearst was well known as one of the biggest publishers and journalists of his time. He started with The San Francisco Examiner, and went from there. Hearst was one of the instigators of “yellow journalism” which started a whole branch of journalism that involved sensationalism. | |
| </description> | |
| </person> | |
| <person name="Edward R. Murrow" imageurl="images/murrow.jpg"> | |
| <description> |
Based on Doejo setup
A Pen by Elizabeth Shell on CodePen.
| Migrant remittance inflows (US$ million) | 2010 | 2013 | 2014e | Remittances as a share of GDP in 2013 (%) | |
|---|---|---|---|---|---|
| India | 53,480 | 69,970 | 71,000 | 0.037 | |
| China | 52,460 | 59,491 | 64,140 | 0.006 | |
| Philippines | 21,557 | 26,700 | 28,382 | 0.098 | |
| France | 19,462 | 23,336 | 24,732 | 0.009 | |
| Mexico | 22,080 | 23,022 | 24,231 | 0.018 | |
| Nigeria | 19,818 | 20,890 | 21,294 | 0.040 | |
| Egypt, Arab Rep. | 12,453 | 17,833 | 18,000 | 0.066 | |
| Pakistan | 9,690 | 14,626 | 17,058 | 0.062 | |
| Germany | 12,792 | 15,204 | 15,985 | 0.004 |
| India | 53,480 | 69,970 | 71,000 | 0.037 | |
|---|---|---|---|---|---|
| China | 52,460 | 59,491 | 64,140 | 0.006 | |
| Philippines | 21,557 | 26,700 | 28,382 | 0.098 | |
| France | 19,462 | 23,336 | 24,732 | 0.009 | |
| Mexico | 22,080 | 23,022 | 24,231 | 0.018 | |
| Nigeria | 19,818 | 20,890 | 21,294 | 0.040 | |
| Egypt, Arab Rep. | 12,453 | 17,833 | 18,000 | 0.066 | |
| Pakistan | 9,690 | 14,626 | 17,058 | 0.062 | |
| Germany | 12,792 | 15,204 | 15,985 | 0.004 |
| India | 53,480 | 69,970 | 71,000 | 0.037 | |
|---|---|---|---|---|---|
| China | 52,460 | 59,491 | 64,140 | 0.006 | |
| Philippines | 21,557 | 26,700 | 28,382 | 0.098 | |
| France | 19,462 | 23,336 | 24,732 | 0.009 | |
| Mexico | 22,080 | 23,022 | 24,231 | 0.018 | |
| Nigeria | 19,818 | 20,890 | 21,294 | 0.040 | |
| Egypt, Arab Rep. | 12,453 | 17,833 | 18,000 | 0.066 | |
| Pakistan | 9,690 | 14,626 | 17,058 | 0.062 | |
| Germany | 12,792 | 15,204 | 15,985 | 0.004 |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Adding Tooltips</title> | |
| <script type="text/javascript" src="http://d3js.org/d3.v3.js"></script> | |
| <style type="text/css"> | |
| body { | |
| background-color: #262626; |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Where the money goes</title> | |
| <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script> | |
| <style type="text/css"> | |
| body { | |
| background-color: #262626; |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Where the money goes</title> | |
| <script type="text/javascript" src="http://d3js.org/d3.v3.js"></script> | |
| <style type="text/css"> | |
| body { | |
| background-color: #262626; |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>d3 use case example</title> | |
| <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script> | |
| <style type="text/css"> | |
| body { | |
| background-color: white; |