https://github.com/shailendra9/line-graphs_using-_d3

Line_graph_using_D3
https://github.com/shailendra9/line-graphs_using-_d3

Last synced: about 2 months ago
JSON representation

Line_graph_using_D3

• Host: GitHub
• URL: https://github.com/shailendra9/line-graphs_using-_d3
• Owner: shailendra9
• Created: 2015-08-03T06:06:21.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-08-03T06:27:28.000Z (over 9 years ago)
• Last Synced: 2023-08-02T22:26:35.075Z (over 1 year ago)
• Language: HTML
• Size: 113 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# line-graphs_using-_D3

Line_graph_using_D3

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation

var paragraphs = document.getElementsByTagName("p");

for (var i = 0; i < paragraphs.length; i++) {

  var paragraph = paragraphs.item(i);

  paragraph.style.setProperty("color", "white", null);

}

D3 employs a declarative approach, operating on arbitrary sets of nodes called selections. For example, you can rewrite the above loop as:

d3.selectAll("p").style("color", "white");

Yet, you can still manipulate individual nodes as needed:

d3.select("body").style("background-color", "black");