Skip to content

Instantly share code, notes, and snippets.

View iosonosempreio's full-sized avatar
🐢

iosonosempreio

🐢
63 followers · 83 following
View GitHub Profile
@iosonosempreio
iosonosempreio / data.json
Last active June 8, 2020 11:57
Metaballs with PIXI.js
This file has been truncated, but you can view the full file.
[
{
"ID opera": "S004",
"length": 30000,
"title": "Angoscia in caserma",
"title_short": "Angoscia i",
"year": "1945",
"tipo": "riformulazione",
"percentuale_dubbio": "4.077440559",
"prop_occ_come-dubbio": "0",
@iosonosempreio
iosonosempreio / index.html
Last active June 4, 2020 16:40 — forked from feyderm/index.html
D3 v4 single axis pan and zoom with lines
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<div id="block"></div>
<script>
// dimensions
@iosonosempreio
iosonosempreio / Readme.md
Last active January 24, 2020 20:05

Experiment Atlante Calvino: Doubtful text

@iosonosempreio
iosonosempreio / Readme.md
Last active January 17, 2020 21:55 — forked from wiederkehr/Readme.md
D3 V5 Gist template

Simple Gist template to create and publish visualizations with D3.js V5.

@iosonosempreio
iosonosempreio / autoscroll.js
Created November 2, 2019 18:47
// Let the page load completely
// Open the console (in Chrome or similar do View > Developer > JavaScript Console)
// paste the following code
let scrollingInterval;
function scrolling(pixels) {
if (pixels == 'stop' || pixels == 0) {
clearInterval(scrollingInterval);
return;
}
@iosonosempreio
iosonosempreio / d3-pinch-html-element-with-pointers.js
Last active June 13, 2019 18:55
Enable pinch-zoom, rotation and translation on HTML elements, with D3.js
function PinchElement(containerClass, options) {
this.options = undefined;
if (options){
this.options = options;
}
let container = d3.select(containerClass)
.style('overflow', 'hidden')
@iosonosempreio
iosonosempreio / index.html
Created March 19, 2019 15:28 — forked from jasondavies/index.html
alpha-shapes aka concave hulls in d3
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Alpha-Shapes</title>
<script src="http://mbostock.github.com/d3/d3.min.js"></script>
<script src="http://mbostock.github.com/d3/d3.geom.min.js"></script>
<style type="text/css">
path {
@iosonosempreio
iosonosempreio / gexf-converted.json
Created February 15, 2019 09:17 — forked from emeeks/gexfd3.css
GEXF D3 Simple Example
[
{
"id": "S001",
"label": "Passatempi",
"attributes": {
"title": "Passatempi",
"txt_length": 2164,
"type": "racconto",
"year": null,
"log_length": 136.71
@iosonosempreio
iosonosempreio / index.html
Created December 14, 2018 10:26
p5 experiment
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0>
<style> body {padding: 0; margin: 0;} </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js"></script>
<script src="sketch.js"></script>
</head>
<body>
@iosonosempreio
iosonosempreio / index.html
Created September 20, 2018 15:20
test mb studio hm
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Display a map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.46.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.46.0/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }