David Bumbeishvili bumbeishvili

## file.html

    <div id="graph-container"></div>

    <script>

        let dataSample = [
          {name:1,value:1},
          {name:2,value:2},
        ]
        let chart = new Chart()

## Chart.js
class Chart {
    constructor() {
        // Defining state attributes
        const attrs = {
            id: "ID" + Math.floor(Math.random() * 1000000),
            svgWidth: 400,
            svgHeight: 200,
            marginTop: 5,
            marginBottom: 5,
            marginRight: 5,

## Adding Elements.js
// Old
d3.selectAll('rect')
  .data(data)
  .append('rect')


// New
d3.selectAll('rect')
  .data(data)
  .join('rect')

## Test.js
console.log('test')

## dateData.json
["2019-10-24T08:10:36.000Z","2019-10-24T08:26:43.000Z","2019-10-24T08:41:54.000Z","2019-10-24T08:45:04.000Z","2019-10-24T09:28:41.000Z","2019-10-30T12:13:29.000Z","2019-10-30T12:36:05.000Z","2019-10-30T12:50:19.000Z","2019-10-30T13:02:45.000Z","2019-10-30T13:11:36.000Z","2019-10-31T06:54:17.000Z","2019-10-31T12:35:03.000Z","2019-11-02T06:23:39.000Z","2019-11-02T08:18:10.000Z","2019-11-03T14:47:24.000Z","2019-11-03T14:50:24.000Z","2019-11-03T16:14:34.000Z","2019-11-03T16:32:04.000Z","2019-11-03T16:36:37.000Z","2019-11-04T06:45:02.000Z","2019-11-04T07:27:25.000Z","2019-11-04T07:33:59.000Z","2019-11-04T07:58:33.000Z","2019-11-04T09:05:21.000Z","2019-11-04T09:25:14.000Z","2019-11-04T10:13:58.000Z","2019-11-04T10:47:39.000Z","2019-11-04T13:31:39.000Z","2019-11-04T13:39:31.000Z","2019-11-04T14:09:39.000Z","2019-11-04T14:18:18.000Z","2019-11-04T14:52:01.000Z","2019-11-04T16:27:15.000Z","2019-11-04T16:56:16.000Z","2019-11-04T18:43:07.000Z","2019-11-04T18:58:38.000Z","2019-11-04T19:22:50.000Z","2019-11-05T17:57:40.000

## current-relative_humidity-surface-level-gfs-1.0.json

[
    {
        "header":{
            "discipline":0,
            "disciplineName":"Meteorological products",
            "gribEdition":2,
            "gribLength":10048,
            "center":7,
            "centerName":"US National Weather Service - NCEP(WMC)",

## jsonDownload.json

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                bumbeishvili
                / jsonDownload.json
            
            
              Created
              March 18, 2020 16:32
            
          
      Loading

      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## continents.json

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                bumbeishvili
                / continents.json
            
            
              Created
              March 15, 2020 08:37
            
          
      Loading

      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## file.css
 .d3-tip {
            font-family: Arial, Helvetica, sans-serif;
            line-height: 1.4;
            padding: 12px;
            pointer-events: none;
            color: #203d5d;
            box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2);
            background-color: #fff;
            border-radius: 4px;
        }

## current-temp-surface-level-gfs-1.0.json

[
    {
        "header":{
            "discipline":0,
            "disciplineName":"Meteorological products",
            "gribEdition":2,
            "gribLength":45139,
            "center":7,
            "centerName":"US National Weather Service - NCEP(WMC)",

	<div id="graph-container"></div>

	<script>

	let dataSample = [
	{name:1,value:1},
	{name:2,value:2},
	]
	let chart = new Chart()
	class Chart {
	constructor() {
	// Defining state attributes
	const attrs = {
	id: "ID" + Math.floor(Math.random() * 1000000),
	svgWidth: 400,
	svgHeight: 200,
	marginTop: 5,
	marginBottom: 5,
	marginRight: 5,
	// Old
	d3.selectAll('rect')
	.data(data)
	.append('rect')


	// New
	d3.selectAll('rect')
	.data(data)
	.join('rect')

	[
	{
	"header":{
	"discipline":0,
	"disciplineName":"Meteorological products",
	"gribEdition":2,
	"gribLength":10048,
	"center":7,
	"centerName":"US National Weather Service - NCEP(WMC)",
	.d3-tip {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	padding: 12px;
	pointer-events: none;
	color: #203d5d;
	box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2);
	background-color: #fff;
	border-radius: 4px;
	}