Skip to content

Instantly share code, notes, and snippets.

Max Franz maxkfranz

Block or report user

Report or block maxkfranz

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View Textbox student example (port one component to plain HTML)
const React = require('react');
const h = require('react-hyperscript');
class Textbox extends React.Component {
constructor( props ){
super(props);
// props
// defaultValue, value, onClick
}
@maxkfranz
maxkfranz / tokyo-railways-style-2.cycss
Created Apr 5, 2016
tokyo-railways-style-2.cycss
View tokyo-railways-style-2.cycss
node {
background-color: white;
border-color: black;
content: data(station_name);
width: 20;
height: 20;
color: #fff;
font-size: 16;
}
@maxkfranz
maxkfranz / index.html
Last active Apr 11, 2017
cose-bilkent compound
View index.html
<!DOCTYPE>
<html>
<head>
<title>cytoscape-cose-bilkent.js demo (compound)</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
View index.html
<!DOCTYPE>
<html>
<head>
<title>Labels demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://cytoscape.github.io/cytoscape.js/api/cytoscape.js-latest/cytoscape.min.js"></script>
View index.html
<!DOCTYPE>
<html>
<head>
<title>Edge types demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://cytoscape.github.io/cytoscape.js/api/cytoscape.js-latest/cytoscape.min.js"></script>
View index.html
<!DOCTYPE>
<html>
<head>
<title>Grid demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
@maxkfranz
maxkfranz / index.html
Last active Apr 30, 2017
circle demo
View index.html
<!DOCTYPE>
<html>
<head>
<title>Circle demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
@maxkfranz
maxkfranz / index.html
Last active Oct 21, 2015
concentric demo
View index.html
<!DOCTYPE>
<html>
<head>
<title>Concentric demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
View index.html
<!DOCTYPE>
<html>
<head>
<title>cose demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
@maxkfranz
maxkfranz / index.html
Last active Apr 11, 2017
cytoscape-code-bilkent demo
View index.html
<!DOCTYPE>
<html>
<head>
<title>cytoscape-cose-bilkent.js demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
You can’t perform that action at this time.