This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataset = [1,2,3,4,5] | |
d3.selectAll('p') | |
.data(dataset) | |
.enter() | |
.append('p') | |
.text('Hello There'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.text(function(d){return d}) | |
or .text(d=>d)//Arrow function😊 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataset = [30,12,103,170,45,95,190,75]; | |
let svgHeight= 200, svgWidth = 500, barSpacing = 5; | |
let totalBarWidth = (svgWidth/dataset.length); | |
let barWidth = totalBarWidth-barSpacing | |
let svg = d3.select('svg') | |
.attr('width', svgWidth) | |
.attr('height', svgHeight); | |
let barchart = svg.selectAll('rect') | |
.data(dataset) | |
.enter() |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*index.css*/ | |
rect{ | |
fill: rgb(122, 2, 221); | |
} | |
svg{ | |
background: rgb(193, 216, 165); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataset = [30,12,103,170,45,95,190,75]; | |
let svgHeight= 200, svgWidth = 500, barSpacing = 5; | |
let totalBarWidth = (svgWidth/dataset.length); | |
let barWidth = totalBarWidth-barSpacing; | |
let svg = d3.select('svg') | |
.attr('width', svgWidth) | |
.attr('height', svgHeight); | |
let scale = d3.scaleLinear() | |
.domain([0,d3.max(dataset)]) | |
.range([0,svgHeight]) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataset = [3,12,13,7,5,9,19,7]; | |
let svgHeight= 400, svgWidth = 500, barSpacing = 5; | |
let totalBarWidth = (svgWidth/dataset.length); | |
let barWidth = totalBarWidth-barSpacing | |
let svg = d3.select('svg') | |
.attr('width', svgWidth) | |
.attr('height', svgHeight); | |
let xScale = d3.scaleLinear() | |
.domain([0, d3.max(dataset)]) | |
.range([0, svgWidth]) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const http = require('http'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const http = require('http'); | |
const port = 3000; | |
const server = http.createServer((req, res) => { | |
res.statusCode = 200; | |
res.setHeader('Content-Type', 'text/plain'); | |
res.end('Hello World\n'); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//The array of group members in points | |
let givenArray = [1, 1, 2, 2, 1, 2]; | |
//Number of groups to be formed | |
let noOfGroups = 2; | |
//Reducer | |
const reducer = (accumulator, currentValue) => accumulator + currentValue; | |
//Final Object |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// step 1: sort the array with an algorithm | |
// step 2: segment the sorted array into the n parts where n is the number of people in a group | |
// step 3: randomly select an element from each segment and assign it to the new group | |
const akhigbeCluster = (grades, noOfGroups) => { | |
//Sort the grades & call the segmentArray function --STEP 1 | |
const quickSort = grades => { | |
if (grades.length < 2) { | |
return grades; | |
} |
OlderNewer