SerkOw

Assignment:
 
Send me a link to gist where you answer the following question: What do you need in order to finish your component for portfolio 2


In order to finish our component for the second portfolio we need the following  ideas and constructions to work:

We want to integrate the Twitter Search API in the way that it is linked to a selection menu, which contains a predetermined list of stock market definitions/names of corporations/brand. This is a replacement of the initial idea of letting users type brand names that would then be converting these into stock market name versions and thereby initiating the stock price graph, which constitutes the second part of the component.
The selected corporation/brand would then bring up results through the Search API. Possible data we can use here are the quantity of tweets related to selected brand. Of course, a sentiment analysis of the results would be preferable for the sake of doing digital humanities research, as we aim to relate sentiment to 
The API data t

SerkOw

//assignemnt 1

var assignment1Header = "<h1 id=assignment1>Assignment 1</h1>"

$('.main').append(assignment1Header)

var assignment1Initial = "<br></br><p>-Click <a href='https://gist.github.com/SerkOw/9766172'>here</a> for the Gist link to the initial assignment 1.</p>"

$('.main').append(assignment1Initial)

SerkOw

$('head').append("<script src='https://cdn.firebase.com/v0/firebase.js'></script>")
      
---------------------------------------------------
 
var inputs = "<form><input type='text' id='nameInput' placeholder='Olympic Game'><input type='number' id='medalsInput' placeholder='Medals total'><input type='checkbox' id='boolInput' placeholder='Summer Games'><label for='boolInput'>Summer Games</label><button type='submit' class='submit'>Submit</button></form>"
 
var firebaseData = new Firebase("https://assignment5.firebaseio.com");
 
var allData = null;
var allDataCount = 0; 

SerkOw

d3.json( 'https://assignmentdata.firebaseio.com/.json', 
  function (assignmentdata){;
 
var margin = { top: 20, right: 20, bottom: 20, left: 40 };
var w = 800 - margin.left - margin.right; 
var h = 500  - margin.top - margin.bottom;
var chartHeight = 400;
var barPadding = 5
 
var medals = function(d) { return d.medals * 30};

SerkOw

var chartTitle = '<h2>Events and ratings</h2>'
$('.main').append(chartTitle)
 
var events = [
{"name":"veniam ","rating":2,"ficticious":false},
{"name":"consequat ","rating":2,"ficticious":true},
{"name":"Excepteur reprehenderit ","rating":1,"ficticious":true},
{"name":"ea ","rating":2,"ficticious":false},
{"name":"sed ","rating":2,"ficticious":true},
{"name":"sunt Ut ","rating":3,"ficticious":true},

SerkOw

var studentsTemplate ='<script id="students-template" type="text/x-handlebars-template"><table><thead><th>Student Name</th><th>Special Skill</th><th>Email</th></thead><tbody>{{#students}}<tr><td>{{name}}</td><td>{{specialskill}}</td><td>{{email}}</td></tr>{{/students}}</tbody></table></script>';

$(".content").append(studentsTemplate);

var studentTemplateScript = $("#students-template").html();

var theStudentTemplate = Handlebars.compile(studentTemplateScript);

var data = { students: [
      {name: "Goku", specialskill: "Spirit Bomb", email: "[email protected]" },

SerkOw

$(".assignment").find("h1").text('Assignment (click me!)');
 
$('.assignment').on('click', "h1", function() { 
var message = ('<p>Good Luck!</p>'); 
$('.assignment').append(message); });

SerkOw

//implement the necessary firebase script

$('head').append("<script src='https://cdn.firebase.com/v0/firebase.js'></script>")
      
---------------------------------------------------
//making and implementing the form

var inputs = "<input type='text' id='nameInput' placeholder='Olympic Game'><input type='number' id='medalsInput' placeholder='Medals total'><input type='checkbox' id='boolInput' placeholder='Summer Games'><label for='boolInput'>Summer Games</label><button type='submit' class='submit'>Submit</button>"
 
var firebaseData = new Firebase("https://assignment5.firebaseio.com");

SerkOw

var chartTitle = '<h2>Dutch Olympic Medals from 2000 to 2014</h2>'
$('.main').append(chartTitle)
var dataSource =  '<p>Source: https://en.wikipedia.org/wiki/Netherlands_at_the_Olympics</p>'
$('body').append(dataSource)
var legend = '<p style="color:orange;font-size:20px;"> - Summer Games</p><p style="color:darkblue;font-size:20px;"> - Winter Games</p>'
$('body').append(legend)


 d3.json( 'https://assignmentdata.firebaseio.com/.json', 
  function (assignmentdata){;

SerkOw

var chartTitle = '<h2>Events and ratings</h2>'
$('.main').append(chartTitle)
 
var eventsJSON = localStorage.getItem('assignment');
var data = JSON.parse(eventsJSON).events;
var events = data;
 
var w = 800 
var h = 300 
var barPadding = 5