Jaeah Lee

Jaeah Lee

Associate Interactive Producer

When Jaeah isn't coding, researching, or writing for Mother Jones, she's usually reading about foreign policy, climate change, or new dinner recipes. A lover of mass transit, she can pretty much navigate the New York City subway blindfolded.

Full Bio | Get my RSS |

Prior to joining Mother Jones, Jaeah worked as a research associate at the Council on Foreign Relations in New York, focusing on China. Her writings have appeared in the Christian Science Monitor, Global Post, Huffington Post, Talking Points Memo, and Movements.org.

Advertise on MotherJones.com

GOP Platform Flashback: "Government Must Have a Heart"

| Fri Sep. 7, 2012 3:00 AM PDT

Last week, President Obama accused the GOP of time-warping back to the days of "black and white TV." True, the party's policies, especially on women and civil rights, are straight out of the 50s (if not the Middle Ages). But Obama's jab wasn't quite fair to Republicans of the Leave it To Beaver era, whose 1956 platform seems downright progressive when compared with some of the retrograde planks laid out in the 2012 version. The year President Dwight Eisenhower ran for a second term against Adlai Stevenson, the platform sung the praises of unions, called for government to have a "heart as well as a head," and backed the doomed Equal Rights Amendment. Oh, and the 1956 Dems were a lot more agro on labor, and positively chest-thumping when it came to defense. Scroll down to check out how the parties' positions have shifted over the past 50-plus years.

Wikipedia & Library of Congress

 

Image credits: donkey: The Noun Project; elephant: Adrijan Karavdic, from The Noun Project.

 

How Our Digital Newsroom Uses Google’s Chart Tools

| Fri Aug. 31, 2012 8:15 AM PDT

Here at Mother Jones, our reporters, editors, and army of fact-checkers hoard more troves of chart-tastic data than our 2.5-person interactive team can keep up with. We love quality charts and take great pride in those we've produced before—our visualizations of income inequality from March 2011 are still in our all-time biggest traffic items. But our booming daily content calls for a charting method that allows for faster, easier collaboration across the newsroom, and our go-to solutions—Illustrator and Excel—don't always cut it.

So in June, our interactive editor Tasneem Raja asked me to dig into Google's Chart Tools API. Two nice things about this approach: first, our reporters and editors already know and love Google Doc's collaborative editing features. And second, since Chart Tools can hook into a Google spreadsheet, a reporter can easily update a chart visualization themselves by simply changing the data in the underlying spreadsheet. The API also comes with a suite of configuration options that allows you to customize your chart's font, colors, and dimensions to better match your existing site styles (to an extent—more on that later).

Here's how we got it working for us.

After some preliminary Googling, I found a Google bar chart example that used the Fusion Table API, and, even better, included some sample code. As you can see below, the chart mostly runs on JavaScript, pulling data from a Fusion Table and applying some basic queries and layout.

<html> <head>
   
<meta charset="UTF-8">

   
<title>Fusion Tables API Example: Google Chart Tools Bar Chart</title>

   
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
   
<script type="text/javascript">
      google
.load('visualization', '1', { packages: ['corechart'] });

     
function drawVisualization() {
        google
.visualization.drawChart({
          containerId
: 'visualization',
          dataSourceUrl
: 'http://www.google.com/fusiontables/gvizdata?tq=',
          query
: 'SELECT Year, Austria, Bulgaria, Denmark, Greece FROM 18k8XNgsc5ktLP2EHMCpoKIwymsVlzVV-xVuceA',
          chartType
: 'BarChart',
          options
: {
            title
: 'Yearly Coffee Consumption by Country',
            vAxis
: {
              title
: 'Year'
           
},
            hAxis
: {
              title
: 'Cups'
           
}
         
}
       
});
     
}

      google
.setOnLoadCallback(drawVisualization);
   
</script>
 
</head>
 
<body>
   
<div id="visualization"></div>
 
</body> </html>

Thu Aug. 29, 2013 3:00 AM PDT
Thu Aug. 22, 2013 3:00 AM PDT
Mon Jul. 1, 2013 3:00 AM PDT
Tue Jun. 11, 2013 1:03 PM PDT
Mon May. 13, 2013 3:00 AM PDT
Mon Aug. 20, 2012 3:00 AM PDT
Mon May. 7, 2012 3:00 AM PDT
Mon Apr. 23, 2012 3:00 AM PDT
Wed Apr. 18, 2012 10:50 AM PDT
Fri Mar. 9, 2012 3:04 PM PST
Mon Feb. 27, 2012 11:34 AM PST
Mon Dec. 5, 2011 3:30 AM PST
Mon Nov. 21, 2011 4:00 AM PST
Thu Nov. 17, 2011 10:19 AM PST
Tue Oct. 25, 2011 3:00 AM PDT
Thu Sep. 15, 2011 3:15 AM PDT
Mon Aug. 15, 2011 3:30 AM PDT
Sat Aug. 13, 2011 2:25 PM PDT
Thu Aug. 11, 2011 3:00 AM PDT
Fri Jul. 22, 2011 6:30 PM PDT
Mon Jul. 4, 2011 3:30 AM PDT
Mon Jun. 20, 2011 3:50 AM PDT
Mon Jun. 6, 2011 4:30 AM PDT
Fri Jun. 3, 2011 2:16 PM PDT
Mon May. 30, 2011 4:20 AM PDT
Fri May. 27, 2011 4:37 PM PDT
Mon May. 23, 2011 3:36 AM PDT