Skip to content

Instantly share code, notes, and snippets.

View mpayetta's full-sized avatar

Mauricio Payetta mpayetta

  • Mar del Plata, Argentina
View GitHub Profile
@mpayetta
mpayetta / docker-compose.yml
Created August 29, 2018 19:59
Docker compose for wichita
version: '2.1'
services:
wichita-frontend:
build: wichita-api-dashboard-frontend # specify the directory of the Dockerfile
ports:
- "8080:80"
wichita-api:
build: wichita-api-dashboard # specify the directory of the Dockerfile
@mpayetta
mpayetta / postman-install.sh
Created April 7, 2018 23:41
Install Postman on Ubuntu
# to install it
wget https://dl.pstmn.io/download/latest/linux64 -O postman.tar.gz
sudo tar -xzf postman.tar.gz -C /opt
rm postman.tar.gz
sudo ln -s /opt/Postman/Postman /usr/bin/postman
# to create desktop entry
cat > ~/.local/share/applications/postman.desktop <<EOL
@mpayetta
mpayetta / plot.js
Created March 28, 2018 22:37
d3-canvas-8
// Draw on canvas
dataExample.forEach( point => {
drawPoint(point);
});
function drawPoint(point) {
context.beginPath();
context.fillStyle = pointColor;
const px = x(point[0]);
const py = y(point[1]);
@mpayetta
mpayetta / plot.js
Created March 28, 2018 22:29
d3-canvas-7
// Add Axis
const gxAxis = svgChart.append('g')
.attr('transform', `translate(0, ${height})`)
.call(xAxis);
const gyAxis = svgChart.append('g')
.call(yAxis);
// Add labels
svgChart.append('text')
@mpayetta
mpayetta / plot.js
Last active March 28, 2018 22:18
d3-canvas-6
// Init Scales
const x = d3.scaleLinear()
.domain([0, d3.max(dataExample, (d) => d[0])])
.range([0, width])
.nice();
const y = d3.scaleLinear()
.domain([0, d3.max(dataExample, (d) => d[1])])
.range([height, 0])
.nice();
@mpayetta
mpayetta / plot.js
Created March 28, 2018 22:05
d3-canvas-5
const container = d3.select('.scatter-container');
// Init SVG
const svgChart = container.append('svg:svg')
.attr('width', outerWidth)
.attr('height', outerHeight)
.attr('class', 'svg-plot')
.append('g')
.attr('transform', `translate(${margin.left}, ${margin.top})`);
@mpayetta
mpayetta / plot.js
Created March 28, 2018 22:00
d3-canvas-4
const pointColor = '#3585ff'
const margin = {top: 20, right: 15, bottom: 60, left: 70};
const outerWidth = 800;
const outerHeight = 600;
const width = outerWidth - margin.left - margin.right;
const height = outerHeight - margin.top - margin.bottom;
@mpayetta
mpayetta / plot.js
Last active March 28, 2018 22:01
d3-canvas-3
let dataExample = [];
for (let i= 0; i < 10000; i++) {
const x = Math.floor(Math.random() * 999999) + 1;
const y = Math.floor(Math.random() * 999999) + 1;
dataExample.push([x, y]);
}
@mpayetta
mpayetta / styles.css
Created March 28, 2018 21:31
d3-canvas-2
.scatter-container {
margin: auto;
width: 800px;
height: 600px;
}
.svg-plot, .canvas-plot {
position: absolute;
}
@mpayetta
mpayetta / index.html
Created March 28, 2018 21:20
d3-canvas-1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>D3 ScatterPlot</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>