Reine0017’s gists

Reine0017 / sketch.js

Last active July 13, 2022 04:37

Simple Drawing app - sketch.js (1)

	window.addEventListener("load", () => {
	const canvas = document.querySelector("#canvas");
	const ctx = canvas.getContext('2d');

	const img = new Image();
	img.src = "assets/images/reinePic.jpg";

	img.onload = () => {
	const [img_scaled_width, img_scaled_height] = drawImageToScale(img, ctx);
	canvas.width = img_scaled_width;

Reine0017 / index.html

Last active April 27, 2020 22:01

Simple Drawing app - index.html (with control buttons)

	<body>

	<div id="drawingComp">
	<canvas id="canvas"></canvas>
	<div class="controls">
	<label id="clearLabel"><button id="clear">X</button> Clear</label>
	<label id="blackColourLabel"><button id="blackColour">O</button> Black Colour</label>
	<label id="whiteColourLabel"><button id="whiteColour">O</button> White Colour</label>
	</div>
	</div>

Reine0017 / sketch.js

Created April 27, 2020 22:03

Simple Drawing app - sketch.js (2 - with control buttons)

	window.addEventListener("load", () => {
	const clearButton = document.querySelector('#clear');
	const blackButton = document.querySelector('#blackColour');
	const whiteButton = document.querySelector('#whiteColour');
	const canvas = document.querySelector("#canvas");
	const ctx = canvas.getContext('2d');

	const img = new Image();
	img.src = "assets/images/reinePic.jpg";

Reine0017 / sketch.css

Created April 27, 2020 22:05

Simple Drawing app - sketch.css

Reine0017 / Example.js

Created April 28, 2020 12:40

React "Hello World Counter" Example.js

	import React, { useState } from "react";

	function Example() {
	// Declare a new state variable, which we'll call "count"
	const [count, setCount] = useState(0);

	return (
	<div>
	<p>You clicked {count} times</p>
	<button onClick={() => setCount(count + 1)}>Click me</button>

Reine0017 / App.js

Created April 28, 2020 12:48

React "Hello World Counter" App.js

	import React from "react";
	import logo from "./logo.svg";
	import "./App.css";
	import Example from "./Example";

	function App() {
	return (
	<div className="App">
	<header className="App-header">
	<img src={logo} className="App-logo" alt="logo" />

Reine0017 / part of app.py

Last active May 10, 2020 11:29

@app.route("/upload", methods=['POST']) in app.py

	@app.route("/upload", methods=['POST'])
	def upload():
	target = os.path.join(APP_ROOT, 'images/')
	print("TARGET", target)

	if not os.path.isdir(target):
	os.mkdir(target)
	else:
	print("Couldn't create upload directory: {}".format(target))

Reine0017 / Import and View Keys

Last active November 8, 2020 05:58

Medium

	import json
	from urllib.request import urlopen
	import requests
	import urllib.request
	import igraph as ig

	import chart_studio.plotly as py
	from plotly.offline import iplot
	import plotly.graph_objs as go

Reine0017 / Generate graph and prepare x,y,z

Created November 10, 2020 04:28

Generate the graphs and plot with kk layout + prepare Xe, Ye, Ze and Xn, Yn, Zn

	G=ig.Graph(Edges, directed=False)
	layt=G.layout('kk', dim=3) # plot network with the Kamada-Kawai layout algorithm
	print(G)
	print(layt[:3])
	print(Edges[:3])

	labels=[]
	group=[]

	for node in data['nodes']:

Reine0017 / Scatter plot and visualize the figure

Created November 10, 2020 04:47

Scatter plot and visualize the figure

	trace1=go.Scatter3d(x=Xe, y=Ye, z=Ze, mode='lines', line=dict(color='rgb(125,125,125)', width=1),hoverinfo='none')

	trace2=go.Scatter3d(x=Xn, y=Yn, z=Zn, mode='markers', name='actors',
	marker=dict(symbol='circle', size=6, color=group, colorscale='Viridis',
	line=dict(color='rgb(50,50,50)', width=0.5)), text=labels, hoverinfo='text')

	axis=dict(showbackground=False, showline=False, zeroline=False, showgrid=False, showticklabels=False, title='')

	layout = go.Layout(
	title="Network of coappearances of characters in Victor Hugo's novel<br> Les Miserables (3D visualization)",

Fang Ran Reine0017