Skip to content

C
clinicaltrials
Commit 4ef05dd8 authored by Romain Loth's avatar Romain Loth
Browse files
Options

split main in two modular functions 

(it was the original design in the 2014 versions and it provides more flexibility like future calling mainStartGraph from a fileinput instead of a remote file (see next commit))
parent a949c5d2
Hide whitespace changes
Inline Side-by-side
Showing with 573 additions and 545 deletions
tinawebJS/Tinaweb.js
View file @ 4ef05dd8
......@@ -652,7 +652,7 @@ TinaWebJS = function ( sigmacanvas ) {
var SelInst = new SelectionEngine();
document.getElementById('edges-switch').checked = customSettings.drawEdges
document.getElementById('edges-switch').checked = TW.customSettings.drawEdges
$("#semLoader").hide();
......
tinawebJS/main.js
View file @ 4ef05dd8
......@@ -88,649 +88,677 @@ function jsActionOnGexfSelector(gexfBasename , db_json){
window.location=window.location.origin+window.location.pathname+"?file="+encodeURIComponent( gexfLegend )+db_json;
}
// === [ what to do at start ] === //
// NB this method-holding instance could be initialized just once or even removed?
var sigma_utils = new SigmaUtils();
// show the custom name of the app
writeBrand(TW.branding)
console.log("Starting TWJS")
// === [ what to do at start ] === //
// --------------------- choosing the input ------------------------------------
// various starting points (WIP: currently refactoring for simpler handling)
var inFormat; // = { db|api.json , somefile.json|gexf }
var inData; // = {nodes: [....], edges: [....], cats:...}
// choosing the input (WIP: currently refactoring for simpler handling)
var [inFormat, inData] = syncRemoteGraphData()
mainStartGraph(inFormat, inData)
// === [ / what to do at start ] === //
// case (1) read from DB => one ajax to api eg /services/api/graph?q=filters...
// this one is the API case
// if (getUrlParam.mode && getUrlParam.mode == "api") {
if (getUrlParam.type) {
console.warn("input case: @type [future: @mode=api], using TW.bridge")
// the only API format, cf. inData
inFormat = 'json'
// TODO-rename: s/nodeidparam/srcparams
var sourceinfo = getUrlParam.nodeidparam
var qtype = getUrlParam.type
if(isUndef(sourceinfo) || isUndef(qtype)) {
console.warn("missing nodes filter/id param");
}
else {
console.log("Received query of type:", qtype)
if(qtype == "filter" || qtype == "uid"){
var theurl,thedata,thename;
// console.warn("===> PASSING ON QUERY (type "+qtype+") TO BRIDGE <===")
if(qtype=="uid") {
// pr("bring the noise, case: unique_id");
// pr(getClientTime()+" : DataExt Ini");
// < === DATA EXTRACTION === >
theurl = TW.bridge["forNormalQuery"]
// NB before also passed it for Fa2 iterations (useless?)
thedata = "qtype=uid&unique_id="+sourceinfo;
thename = "unique scholar";
}
if (qtype=="filter") {
// pr("bring the noise, case: multipleQuery");
// pr(getClientTime()+" : DataExt Ini");
theurl = TW.bridge["forFilteredQuery"];
// json is twice URI encoded by whoswho to avoid both '"' and '%22'
var json_constraints = decodeURIComponent(sourceinfo)
function syncRemoteGraphData () {
var inFormat; // = { db|api.json , somefile.json|gexf }
var inData; // = {nodes: [....], edges: [....], cats:...}
// console.log("multipleQuery RECEIVED", json_constraints)
// case (1) read from DB => one ajax to api eg /services/api/graph?q=filters...
// this one is the API case
// sourcemode == "api"
if (getUrlParam.type) {
console.warn("input case: @type [future: @mode=api], using TW.bridge")
// safe parsing of the URL's untrusted JSON
var filteringKeyArrayPairs = JSON.parse( json_constraints)
// the only API format, cf. inData
inFormat = 'json'
// INPUT json: <= { keywords: ['complex systems', 'something'],
// countries: ['France', 'USA'], laboratories: []}
// TODO-rename: s/nodeidparam/srcparams
var sourceinfo = getUrlParam.nodeidparam
var qtype = getUrlParam.type
if(isUndef(sourceinfo) || isUndef(qtype)) {
console.warn("missing nodes filter/id param");
}
else {
console.log("Received query of type:", qtype)
if(qtype == "filter" || qtype == "uid"){
var theurl,thedata,thename;
// console.warn("===> PASSING ON QUERY (type "+qtype+") TO BRIDGE <===")
if(qtype=="uid") {
// pr("bring the noise, case: unique_id");
// pr(getClientTime()+" : DataExt Ini");
// < === DATA EXTRACTION === >
theurl = TW.bridge["forNormalQuery"]
// NB before also passed it for Fa2 iterations (useless?)
thedata = "qtype=uid&unique_id="+sourceinfo;
thename = "unique scholar";
}
// we build 2 OUTPUT strings:
if (qtype=="filter") {
// pr("bring the noise, case: multipleQuery");
// pr(getClientTime()+" : DataExt Ini");
theurl = TW.bridge["forFilteredQuery"];
// json is twice URI encoded by whoswho to avoid both '"' and '%22'
var json_constraints = decodeURIComponent(sourceinfo)
// console.log("multipleQuery RECEIVED", json_constraints)
// safe parsing of the URL's untrusted JSON
var filteringKeyArrayPairs = JSON.parse( json_constraints)
// INPUT json: <= { keywords: ['complex systems', 'something'],
// countries: ['France', 'USA'], laboratories: []}
// we build 2 OUTPUT strings:
// => thedata (for comexAPI):
// keywords[]="complex systems"&keywords[]="something"&countries="France"&countries[]="USA"
// => thename (for user display):
// ("complex systems" or "something") and ("France" or "USA")
// console.log("decoded filtering query", filteringKeyArrayPairs)
var restParams = []
var nameElts = []
// build REST parameters from filtering arrays
// and name from each filter value
for (var fieldName in filteringKeyArrayPairs) {
var nameSubElts = []
for (var value of filteringKeyArrayPairs[fieldName]) {
// exemple: "countries[]=France"
restParams.push(fieldName+'[]='+encodeURIComponent(value))
nameSubElts.push ('"'+value+'"')
}
nameElts.push("("+nameSubElts.join(" or ")+")")
}
if (restParams.length) {
thedata = "qtype=filters&" + restParams.join("&")
thename = nameElts.join(" and ")
}
else {
thedata = "qtype=filters&query=*"
thename = "(ENTIRE NETWORK)"
}
}
// => thedata (for comexAPI):
// keywords[]="complex systems"&keywords[]="something"&countries="France"&countries[]="USA"
// Assigning name for the network
if (! thename) {
elements = []
queryarray = JSON.parse(ourGetUrlParam.nodeidparam)
for(var i in queryarray) {
item = queryarray[i]
if(Array.isArray(item) && item.length>0) {
for(var j in item) elements.push(item[j])
}
}
thename = '"'+elements.join('" , "')+'"';
}
// => thename (for user display):
// ("complex systems" or "something") and ("France" or "USA")
// £TODO restore thename
console.warn (thename, ":name not used anymore since refacto 10/05 could put on same level as inData as inMapname or smth")
// console.log("decoded filtering query", filteringKeyArrayPairs)
var bridgeRes = AjaxSync({ URL: theurl, DATA:thedata, TYPE:'GET', DT:'json' })
var restParams = []
var nameElts = []
// build REST parameters from filtering arrays
// and name from each filter value
for (var fieldName in filteringKeyArrayPairs) {
var nameSubElts = []
for (var value of filteringKeyArrayPairs[fieldName]) {
// exemple: "countries[]=France"
restParams.push(fieldName+'[]='+encodeURIComponent(value))
nameSubElts.push ('"'+value+'"')
}
nameElts.push("("+nameSubElts.join(" or ")+")")
}
// should be a js object with 'nodes' and 'edges' properties
inData = bridgeRes.data
if (restParams.length) {
thedata = "qtype=filters&" + restParams.join("&")
thename = nameElts.join(" and ")
}
else {
thedata = "qtype=filters&query=*"
thename = "(ENTIRE NETWORK)"
}
if (TW.debugFlags.logFetchers) console.info("JSON input data", inData)
}
else {
console.warn ("=> unsupported query type !")
}
}
}
// case (2) gexf => in params or in preRes db.json, then 2nd ajax for a gexf file => covered here
// sourcemode == "serverfile"
else {
console.warn("input case: @mode=db.json or @file=... [future: @mode=serverfile], using server's gexf(s)")
// subcases:
// -> gexf file path is already specified in TW.mainfile
// -> gexf file path is in the urlparam @file
// -> @mode is db.json, files are listed in db.json file
// --> if @file also in url, choose the db.json one matching
// --> otherwise, choose the "first_file" from db.json list
// ===================
var the_file = "";
// ===================
// direct urlparam file case
if( !isUndef(getUrlParam.file) ) {
the_file = getUrlParam.file
}
// direct file fallback case: specified file in settings_explorer
else if (TW.mainfile && linkCheck(TW.mainfile)) {
console.log("no @file arg: trying TW.mainfile from settings")
the_file = TW.mainfile;
}
// overall fallback case: try to open a listing of files (by default: db.json)
// TODO rename 'mode=' argkey into something more descriptive like 'menufile='
// here and in caller apps like tweetoscope etc.
else {
// we'll first retrieve the menu of available files in db.json, then get the real data in a second ajax
var infofile = ''
// Assigning name for the network
if (! thename) {
elements = []
queryarray = JSON.parse(ourGetUrlParam.nodeidparam)
for(var i in queryarray) {
item = queryarray[i]
if(Array.isArray(item) && item.length>0) {
for(var j in item) elements.push(item[j])
}
}
thename = '"'+elements.join('" , "')+'"';
if ( !isUndef(getUrlParam.mode) ) {
infofile = getUrlParam.mode
}
// default
else {
infofile = "db.json"
}
// £TODO restore thename
console.warn (thename, ":name not used anymore since refacto 10/05 could put on same level as inData as inMapname or smth")
if (TW.debugFlags.logFetchers) console.info(`attempting to load infofile ${infofile}`)
var preRES = AjaxSync({ URL: infofile, DT:"json" });
var bridgeRes = AjaxSync({ URL: theurl, DATA:thedata, TYPE:'GET', DT:'json' })
if (preRES['OK'] && preRES.data) {
console.log('initial AjaxSync result preRES', preRES)
}
// should be a js object with 'nodes' and 'edges' properties
inData = bridgeRes.data
if (TW.debugFlags.logFetchers) console.info("JSON input data", inData)
}
else {
console.warn ("=> unsupported query type !")
}
}
}
// case (2) gexf => in params or in preRes db.json, then 2nd ajax for a gexf file => covered here
else {
console.warn("input case: @mode=db.json or @file=... [future: @mode=local], using local gexf(s)")
// subcases:
// -> gexf file path is already specified in TW.mainfile
// -> gexf file path is in the urlparam @file
// -> @mode is db.json, files are listed in db.json file
// --> if @file also in url, choose the db.json one matching
// --> otherwise, choose the "first_file" from db.json list
// ===================
var the_file = "";
// ===================
// direct urlparam file case
if( !isUndef(getUrlParam.file) ) {
the_file = getUrlParam.file
}
// direct file fallback case: specified file in settings_explorer
else if (TW.mainfile && linkCheck(TW.mainfile)) {
console.log("no @file arg: trying TW.mainfile from settings")
the_file = TW.mainfile;
}
// overall fallback case: try to open a listing of files (by default: db.json)
// TODO rename 'mode=' argkey into something more descriptive like 'menufile='
// here and in caller apps like tweetoscope etc.
else {
// we'll first retrieve the menu of available files in db.json, then get the real data in a second ajax
var infofile = ''
var first_file = "" , first_path = ""
for( var path in preRES.data ) {
if ( !isUndef(getUrlParam.mode) ) {
infofile = getUrlParam.mode
}
// default
else {
infofile = "db.json"
}
// console.log("db.json path", path)
if (TW.debugFlags.logFetchers) console.info(`attempting to load infofile ${infofile}`)
var preRES = AjaxSync({ URL: infofile, DT:"json" });
first_file = preRES.data[path]["first"]
first_path = path
console.log("db.json first_file", first_path, first_file)
break;
}
if (preRES['OK'] && preRES.data) {
console.log('initial AjaxSync result preRES', preRES)
}
// the first or a specified one (ie both mode and file params are present)
if( isUndef(getUrlParam.file) ) {
the_file = first_path+"/"+first_file
} else {
the_file = first_path+"/"+getUrlParam.file
}
var files_selector = '<select onchange="jsActionOnGexfSelector(this.value , true);">'
var first_file = "" , first_path = ""
for( var path in preRES.data ) {
for( var path in preRES.data ) {
var the_gexfs = preRES.data[path]["gexfs"]
for(var aGexf in the_gexfs) {
var gexfBasename = aGexf.replace(/\.gexf$/, "") // more human-readable in the menu
// console.log("db.json path", path)
first_file = preRES.data[path]["first"]
first_path = path
console.log("db.json first_file", first_path, first_file)
break;
}
if (TW.debugFlags.logFetchers)
console.log("\t\t\t"+gexfBasename+ " -> table:" +the_gexfs[aGexf]["semantic"]["table"] )
// the first or a specified one (ie both mode and file params are present)
if( isUndef(getUrlParam.file) ) {
the_file = first_path+"/"+first_file
} else {
the_file = first_path+"/"+getUrlParam.file
}
TW.field[path+"/"+aGexf] = the_gexfs[aGexf]["semantic"]["table"]
// ex : data/AXA/RiskV2PageRank5000.gexf:"ISItermsAxa_2015"
var files_selector = '<select onchange="jsActionOnGexfSelector(this.value , true);">'
TW.gexfDict[path+"/"+aGexf] = aGexf
// ex : data/AXA/RiskV2PageRank1000.gexf:"RiskV2PageRank1000.gexf"
for( var path in preRES.data ) {
var the_gexfs = preRES.data[path]["gexfs"]
for(var aGexf in the_gexfs) {
var gexfBasename = aGexf.replace(/\.gexf$/, "") // more human-readable in the menu
let cssFileSelected = (the_file==(path+"/"+aGexf))?"selected":""
files_selector += '<option '+cssFileSelected+'>'+gexfBasename+'</option>'
}
// console.log( files_selector )
break;
}
files_selector += "</select>"
$("#network").html(files_selector)
}
if (TW.debugFlags.logFetchers)
console.log("\t\t\t"+gexfBasename+ " -> table:" +the_gexfs[aGexf]["semantic"]["table"] )
// TODO avoid this ajax in the case we're used locally like an "HTA" app (ie our URL starts with file:// protocol)
// (but we could use a fileInput instead, because in this case the client machine is also the data containing machine)
TW.field[path+"/"+aGexf] = the_gexfs[aGexf]["semantic"]["table"]
// ex : data/AXA/RiskV2PageRank5000.gexf:"ISItermsAxa_2015"
var finalRes = AjaxSync({ URL: the_file });
inData = finalRes["data"]
inFormat = finalRes["format"]
TW.gexfDict[path+"/"+aGexf] = aGexf
// ex : data/AXA/RiskV2PageRank1000.gexf:"RiskV2PageRank1000.gexf"
let cssFileSelected = (the_file==(path+"/"+aGexf))?"selected":""
files_selector += '<option '+cssFileSelected+'>'+gexfBasename+'</option>'
}
// console.log( files_selector )
break;
}
files_selector += "</select>"
$("#network").html(files_selector)
if (TW.debugFlags.logFetchers) {
console.warn('@the_file', finalRes["OK"], the_file)
console.log(' fetch result: format', inFormat)
console.log(' fetch result: typeof data', typeof inData)
console.log("\n============================\n")
}
}
var finalRes = AjaxSync({ URL: the_file });
inData = finalRes["data"]
inFormat = finalRes["format"]
return [inFormat, inData]
if (TW.debugFlags.logFetchers) {
console.warn('@the_file', finalRes["OK"], the_file)
console.log(' fetch result: format', inFormat)
console.log(' fetch result: typeof data', typeof inData)
console.log("\n============================\n")
}
}
// === [ / what to do at start ] === //
// RES == { OK: true, format: "json", data: Object }
// mainStartGraph
// ===============
// main function (once we have some gexf or json data)
// ===============
// 1 - parses the graph data
// 2 - starts the sigma instance in TW.partialGraph
// 3 - starts the tinaweb instance
// 4 - finishes setting up the environment
// (NB inspired by Samuel's legacy bringTheNoise() function)
function mainStartGraph(inFormat, inData) {
if (! inFormat || ! inData) {
alert("error on initial data load")
}
else {
if (! inFormat || ! inData) {
alert("error on data load")
}
else {
if (TW.debugFlags.logParsers) console.log("parsing the data")
if (TW.debugFlags.logParsers) console.log("parsing the data")
let start = new ParseCustom( inFormat , inData );
let catsInfos = start.scanFile(); //user should choose the order of categories
let start = new ParseCustom( inFormat , inData );
let catsInfos = start.scanFile();
TW.categories = catsInfos.categories
if (TW.debugFlags.logParsers){
console.log(`Source scan found ${TW.categories.length} node categories: ${TW.categories}`)
}
TW.categories = catsInfos.categories
if (TW.debugFlags.logParsers){
console.log(`Source scan found ${TW.categories.length} node categories: ${TW.categories}`)
}
// reverse lookup: category name => category indice
TW.catDict = catsInfos.lookup_dict
// reverse lookup: category name => category indice
TW.catDict = catsInfos.lookup_dict
if (! TW.categories) {
console.warn ('ParseCustom scanFile found no categories!!')
TW.categories = []
TW.catDict = {}
}
var possibleStates = makeSystemStates( TW.categories )
var initialState = buildInitialState( TW.categories ) //[true,false]//
if (! TW.categories) {
console.warn ('ParseCustom scanFile found no categories!!')
TW.categories = []
TW.catDict = {}
}
var possibleStates = makeSystemStates( TW.categories )
var initialState = buildInitialState( TW.categories ) //[true,false]//
// XML parsing from ParseCustom
var dicts = start.makeDicts(TW.categories); // > parse json or gexf, dictfy
// XML parsing from ParseCustom
var dicts = start.makeDicts(TW.categories); // > parse json or gexf, dictfy
if (TW.debugFlags.logParsers) console.info("parsing result:", dicts)
if (TW.debugFlags.logParsers) console.info("parsing result:", dicts)
TW.Nodes = dicts.nodes;
TW.Edges = dicts.edges;
TW.Nodes = dicts.nodes;
TW.Edges = dicts.edges;
//£TODO not complete for edgeIds in bipartite case !!
TW.nodeIds = Object.keys(dicts.nodes) // useful for loops
TW.edgeIds = Object.keys(dicts.edges)
//£TODO not complete for edgeIds in bipartite case !!
TW.nodeIds = Object.keys(dicts.nodes) // useful for loops
TW.edgeIds = Object.keys(dicts.edges)
// in-place: pre-compute all color/grey/size properties
prepareNodesRenderingProperties(TW.Nodes)
prepareEdgesRenderingProperties(TW.Edges, TW.Nodes)
// in-place: pre-compute all color/grey/size properties
prepareNodesRenderingProperties(TW.Nodes)
prepareEdgesRenderingProperties(TW.Edges, TW.Nodes)
TW.selectionActive = false // changes rendering mode
TW.selectionActive = false // changes rendering mode
if (inData.clusters) TW.Clusters = inData.clusters
if (inData.clusters) TW.Clusters = inData.clusters
// relations already copied in TW.Relations at this point
// £TODO also test with comex2 for bipart case
// TW.nodes1 = dicts.n1;//not used
// relations already copied in TW.Relations at this point
// £TODO also test with comex2 for bipart case
// TW.nodes1 = dicts.n1;//not used
console.info(`== new graph ${TW.nodeIds.length} nodes, ${TW.edgeIds.length} edges ==`)
console.info(`== new graph ${TW.nodeIds.length} nodes, ${TW.edgeIds.length} edges ==`)
// a posteriori categories diagnostic
// ----------------------------------
// by default TW.categories now match user-suggested catSoc/Sem if present
// so we just need to handle mismatches here (when user-suggested cats were absent)
if (TW.categories.length == 2) {
console.info("== 'bipartite' case ==")
if (TW.catSoc != TW.categories[0]) {
console.warn(`Observed social category "${TW.categories[0]}" overwrites user-suggested TW.catSoc ("${TW.catSoc}")`)
TW.catSoc = TW.categories[0]
// a posteriori categories diagnostic
// ----------------------------------
// by default TW.categories now match user-suggested catSoc/Sem if present
// so we just need to handle mismatches here (when user-suggested cats were absent)
if (TW.categories.length == 2) {
console.info("== 'bipartite' case ==")
if (TW.catSoc != TW.categories[0]) {
console.warn(`Observed social category "${TW.categories[0]}" overwrites user-suggested TW.catSoc ("${TW.catSoc}")`)
TW.catSoc = TW.categories[0]
}
if (TW.catSem != TW.categories[1]) {
console.warn(`Observed semantic category "${TW.categories[1]}" overwrites user-suggested TW.catSem "(${TW.catSem})"`)
TW.catSem = TW.categories[1]
}
}
if (TW.catSem != TW.categories[1]) {
console.warn(`Observed semantic category "${TW.categories[1]}" overwrites user-suggested TW.catSem "(${TW.catSem})"`)
TW.catSem = TW.categories[1]
else if (TW.categories.length == 1) {
console.info("== monopartite case ==")
// FIXME it would be more coherent with all tina usecases (like gargantext or tweetoscope) for the default category to by catSem instead of Soc
if (TW.catSoc != TW.categories[0]) {
console.warn(`Observed unique category "${TW.categories[0]}" overwrites user-suggested TW.catSoc ("${TW.catSoc}")`)
TW.catSoc = TW.categories[0]
}
}
}
else if (TW.categories.length == 1) {
console.info("== monopartite case ==")
// FIXME it would be more coherent with all tina usecases (like gargantext or tweetoscope) for the default category to by catSem instead of Soc
if (TW.catSoc != TW.categories[0]) {
console.warn(`Observed unique category "${TW.categories[0]}" overwrites user-suggested TW.catSoc ("${TW.catSoc}")`)
TW.catSoc = TW.categories[0]
else {
console.error("== currently unhandled categorization of node types ==", TW.categories)
}
}
else {
console.error("== currently unhandled categorization of node types ==", TW.categories)
}
// [ Initiating Sigma-Canvas ]
// [ Initiating Sigma-Canvas ]
// POSS: ideally this should take a TW.settings as parameter
var twjs_ = new TinaWebJS('#sigma-contnr');
// POSS: ideally this should take a TW.settings as parameter
var twjs_ = new TinaWebJS('#sigma-contnr');
// add our tw rendering and index customizations into sigma module
twjs_.init()
// add our tw rendering and index customizations into sigma module
twjs_.init()
// overriding pixelRatio is possible if we need very high definition
if (TW.overSampling) {
var realRatio = sigma.utils.getPixelRatio
sigma.utils.getPixelRatio = function() {
return 2 * realRatio()
// overriding pixelRatio is possible if we need very high definition
if (TW.overSampling) {
var realRatio = sigma.utils.getPixelRatio
sigma.utils.getPixelRatio = function() {
return 2 * realRatio()
}
}
}
// NB new sigma.js: autoResize (no need for AdjustSigmaCanvas + sigmaLimits)
// console.log("categories: "+categories)
// console.log("initial state: "+initialState)
// [ Poblating the Sigma-Graph ]
var sigma_utils = new SigmaUtils();
// preparing the data and settings
TW.graphData = {nodes: [], edges: []}
TW.graphData = sigma_utils.FillGraph( initialState , TW.catDict , TW.Nodes , TW.Edges , TW.graphData );
// // ----------- TEST stock parse gexf and use nodes to replace TW's ---------
// var gexfData = gexf.fetch('data/politoscope/ProgrammeDesCandidats.gexf')
//
// TW.graphData = sigmaTools.myGexfParserReplacement(
// gexfData.nodes,
// gexfData.edges
// )
// console.log ('ex in TW.graphData.nodes[0]', TW.graphData.nodes[0])
//
// // our holey id-indexed arrays
// TW.Nodes = {}
// TW.Edges = {}
// TW.nodeIds = []
// TW.edgeIds = []
// for (var j in TW.graphData.nodes) {
// var nid = TW.graphData.nodes[j].id
// TW.Nodes[nid] = TW.graphData.nodes[j]
// TW.nodeIds.push(nid)
// }
// for (var i in TW.graphData.edges) {
// var eid = TW.graphData.edges[i].id
// TW.Edges[eid] = TW.graphData.edges[i]
// TW.edgeIds.push(eid)
// }
//
//
// // -------------------------------------------------------------------------
if (TW.graphData.nodes.length == 0) console.error("empty graph")
if (TW.graphData.edges.length == 0) console.error("no edges in graph")
// cf github.com/jacomyal/sigma.js/wiki/Settings
var customSettings = Object.assign(
{
drawEdges: true,
drawNodes: true,
drawLabels: true,
labelSize: "proportional",
// font: "Ubuntu Condensed", // overridden by settings_explorer.js
// labelColor: "node",
// nodesPowRatio: .3,
batchEdgesDrawing: false,
hideEdgesOnMove: true,
enableHovering: true,
singleHover: true,
enableEdgeHovering: false,
autoResize: true,
rescaleIgnoreSize: true,
mouseEnabled: true,
touchEnabled: false,
animationsTime:150,
mouseZoomDuration:250
},
sigmaJsDrawingProperties,
sigmaJsGraphProperties,
sigmaJsMouseProperties
)
if (TW.debugFlags.logSettings) console.info("sigma settings", customSettings)
// ==================================================================
// sigma js library invocation (https://github.com/jacomyal/sigma.js)
// ==================================================================
TW.partialGraph = new sigma({
graph: TW.graphData,
container: 'sigma-contnr',
renderer: {
container: document.getElementById('sigma-contnr'),
type: sigma.renderers.canvas
// type: sigma.renderers.webgl // POSS if write custom renderers
},
settings: customSettings
});
// ==================================================================
// NB the list of nodes and edges from TW.graphData will be changed
// by changeLevel, changeType or subset sliders
// shortcuts to the renderer and camera
TW.cam = TW.partialGraph.camera
TW.rend = TW.partialGraph.renderers[0]
// NB : camera positions are fix if the node is fixed => they only depend on layout
// renderer position depend on viewpoint/zoom (like ~ html absolute positions of the node in the div)
// POSS make it TW.states
TW.partialGraph.states = []
TW.partialGraph.states[0] = false;
TW.partialGraph.states[1] = TW.SystemStates;
// can be COMMENTED OUT: in specifications categories never change so states shouldn't need them
// TW.partialGraph.states[1].categories = TW.categories
// TW.partialGraph.states[1].categoriesDict = TW.catDict;
// here 'type' means: the categorie(s) that is (are) currently displayed
TW.partialGraph.states[1].type = initialState;
TW.partialGraph.states[1].LouvainFait = false;
// by default category0 is the initial type
$(".category1").hide();
// [ / Poblating the Sigma-Graph ]
// ex called for new selections with args like:
// (undefined, undefined, [268], undefined)
// ^^^^
// why type not used (monopart? deprecated?)
TW.partialGraph.states[1].setState = (function( type , level , sels , oppos ) {
var bistate=false, typestring=false;
console.log("IN THE SET STATE METHOD:", this)
if(!isUndef(type)) {
this.type = type;
bistate= type.map(Number).reduce(function(a, b){return a+b;})
typestring = type.map(Number).join("|")
}
if(!isUndef(level)) this.level = level;
if(!isUndef(sels)) this.selections = sels;
if(!isUndef(oppos)) this.opposites = oppos;
this.LouvainFait = false;
// console.log("")
// console.log(" % % % % % % % % % % ")
// console.log("setState type: ", type);
// console.log("bistate: "+bistate)
// console.log("level: "+level);
// console.log("selections: ");
// console.log(sels)
// console.log("selections len: ");
// console.log(sels.length)
// console.log("opposites: ");
// console.log(oppos)
var present = TW.partialGraph.states.slice(-1)[0]; // Last
var past = TW.partialGraph.states.slice(-2)[0] // avant Last
// console.log("previous level: "+past.level)
// console.log("new level: "+present.level)
//
// console.log(" % % % % % % % % % % ")
// console.log("")
var bistate= this.type.map(Number).reduce(function(a, b){return a+b;})
LevelButtonDisable(false);
if(level && sels && sels.length==0)
LevelButtonDisable(true);
if(this.level==false && bistate>1)
LevelButtonDisable(true)
// console.log("printing the first state:")
// first_state = TW.partialGraph.states.slice(-1)[0].type;
// for(var i in first_state) {
// if(first_state[i]) {
// for(var j in Filters[i])
// console.log(j)
// }
// }
// console.log("printing the typestring:", typestring)
if (TW.filterSliders
&& (present.level != past.level
|| present.type.map(Number).join("|") != past.type.map(Number).join("|"))) {
// recreate sliders after type, level changes
// terms
if(typestring=="0|1") {
$(".category0").hide();
$(".category1").show();
NodeWeightFilter( "#slidercat1nodesweight" , TW.categories[1], "size");
EdgeWeightFilter("#slidercat1edgesweight", typestring, "weight");
// NB new sigma.js: autoResize (no need for AdjustSigmaCanvas + sigmaLimits)
// console.log("categories: "+categories)
// console.log("initial state: "+initialState)
// [ Poblating the Sigma-Graph ]
// preparing the data and settings
TW.graphData = {nodes: [], edges: []}
TW.graphData = sigma_utils.FillGraph( initialState , TW.catDict , TW.Nodes , TW.Edges , TW.graphData );
// // ----------- TEST stock parse gexf and use nodes to replace TW's ---------
// var gexfData = gexf.fetch('data/politoscope/ProgrammeDesCandidats.gexf')
//
// TW.graphData = sigmaTools.myGexfParserReplacement(
// gexfData.nodes,
// gexfData.edges
// )
// console.log ('ex in TW.graphData.nodes[0]', TW.graphData.nodes[0])
//
// // our holey id-indexed arrays
// TW.Nodes = {}
// TW.Edges = {}
// TW.nodeIds = []
// TW.edgeIds = []
// for (var j in TW.graphData.nodes) {
// var nid = TW.graphData.nodes[j].id
// TW.Nodes[nid] = TW.graphData.nodes[j]
// TW.nodeIds.push(nid)
// }
// for (var i in TW.graphData.edges) {
// var eid = TW.graphData.edges[i].id
// TW.Edges[eid] = TW.graphData.edges[i]
// TW.edgeIds.push(eid)
// }
//
//
// // -------------------------------------------------------------------------
if (TW.graphData.nodes.length == 0) console.error("empty graph")
if (TW.graphData.edges.length == 0) console.error("no edges in graph")
// our final sigma params (cf github.com/jacomyal/sigma.js/wiki/Settings)
TW.customSettings = Object.assign(
// 1) default values
{
drawEdges: true,
drawNodes: true,
drawLabels: true,
labelSize: "proportional",
// font: "Ubuntu Condensed", // overridden by settings_explorer.js
// labelColor: "node",
// nodesPowRatio: .3,
batchEdgesDrawing: false,
hideEdgesOnMove: true,
enableHovering: true,
singleHover: true,
enableEdgeHovering: false,
autoResize: true,
rescaleIgnoreSize: true,
mouseEnabled: true,
touchEnabled: false,
animationsTime:150,
mouseZoomDuration:250
},
// 2) settings_explorer values
sigmaJsDrawingProperties,
sigmaJsGraphProperties,
sigmaJsMouseProperties
)
if (TW.debugFlags.logSettings) console.info("sigma settings", TW.customSettings)
// ==================================================================
// sigma js library invocation (https://github.com/jacomyal/sigma.js)
// ==================================================================
TW.partialGraph = new sigma({
graph: TW.graphData,
container: 'sigma-contnr',
renderer: {
container: document.getElementById('sigma-contnr'),
type: sigma.renderers.canvas
// type: sigma.renderers.webgl // POSS if write custom renderers
},
settings: TW.customSettings
});
// ==================================================================
// NB the list of nodes and edges from TW.graphData will be changed
// by changeLevel, changeType or subset sliders
// shortcuts to the renderer and camera
TW.cam = TW.partialGraph.camera
TW.rend = TW.partialGraph.renderers[0]
// NB : camera positions are fix if the node is fixed => they only depend on layout
// renderer position depend on viewpoint/zoom (like ~ html absolute positions of the node in the div)
// POSS make it TW.states
TW.partialGraph.states = []
TW.partialGraph.states[0] = false;
TW.partialGraph.states[1] = TW.SystemStates;
// can be COMMENTED OUT: in specifications categories never change so states shouldn't need them
// TW.partialGraph.states[1].categories = TW.categories
// TW.partialGraph.states[1].categoriesDict = TW.catDict;
// here 'type' means: the categorie(s) that is (are) currently displayed
TW.partialGraph.states[1].type = initialState;
TW.partialGraph.states[1].LouvainFait = false;
// by default category0 is the initial type
$(".category1").hide();
// [ / Poblating the Sigma-Graph ]
// ex called for new selections with args like:
// (undefined, undefined, [268], undefined)
// ^^^^
// why type not used (monopart? deprecated?)
TW.partialGraph.states[1].setState = (function( type , level , sels , oppos ) {
var bistate=false, typestring=false;
console.log("IN THE SET STATE METHOD:", this)
if(!isUndef(type)) {
this.type = type;
bistate= type.map(Number).reduce(function(a, b){return a+b;})
typestring = type.map(Number).join("|")
}
if(!isUndef(level)) this.level = level;
if(!isUndef(sels)) this.selections = sels;
if(!isUndef(oppos)) this.opposites = oppos;
this.LouvainFait = false;
// console.log("")
// console.log(" % % % % % % % % % % ")
// console.log("setState type: ", type);
// console.log("bistate: "+bistate)
// console.log("level: "+level);
// console.log("selections: ");
// console.log(sels)
// console.log("selections len: ");
// console.log(sels.length)
// console.log("opposites: ");
// console.log(oppos)
var present = TW.partialGraph.states.slice(-1)[0]; // Last
var past = TW.partialGraph.states.slice(-2)[0] // avant Last
// console.log("previous level: "+past.level)
// console.log("new level: "+present.level)
//
// console.log(" % % % % % % % % % % ")
// console.log("")
var bistate= this.type.map(Number).reduce(function(a, b){return a+b;})
LevelButtonDisable(false);
if(level && sels && sels.length==0)
LevelButtonDisable(true);
if(this.level==false && bistate>1)
LevelButtonDisable(true)
// console.log("printing the first state:")
// first_state = TW.partialGraph.states.slice(-1)[0].type;
// for(var i in first_state) {
// if(first_state[i]) {
// for(var j in Filters[i])
// console.log(j)
// }
// }
// console.log("printing the typestring:", typestring)
if (TW.filterSliders
&& (present.level != past.level
|| present.type.map(Number).join("|") != past.type.map(Number).join("|"))) {
// recreate sliders after type, level changes
// terms
if(typestring=="0|1") {
$(".category0").hide();
$(".category1").show();
NodeWeightFilter( "#slidercat1nodesweight" , TW.categories[1], "size");
EdgeWeightFilter("#slidercat1edgesweight", typestring, "weight");
}
// docs
if(typestring=="1|0") {
$(".category0").show();
$(".category1").hide();
// docs
if(typestring=="1|0") {
$(".category0").show();
$(".category1").hide();
NodeWeightFilter( "#slidercat0nodesweight" , TW.categories[0], "size");
EdgeWeightFilter("#slidercat0edgesweight", typestring, "weight");
}
NodeWeightFilter( "#slidercat0nodesweight" , TW.categories[0], "size");
EdgeWeightFilter("#slidercat0edgesweight", typestring, "weight");
}
// terms and docs
if(typestring=="1|1") {
$(".category0").show();
$(".category1").show();
NodeWeightFilter( "#slidercat0nodesweight" , TW.categories[0], "size");
NodeWeightFilter( "#slidercat1nodesweight" , TW.categories[1], "size");
EdgeWeightFilter("#slidercat0edgesweight", "1|0", "weight");
EdgeWeightFilter("#slidercat1edgesweight", "0|1", "weight");
// terms and docs
if(typestring=="1|1") {
$(".category0").show();
$(".category1").show();
NodeWeightFilter( "#slidercat0nodesweight" , TW.categories[0], "size");
NodeWeightFilter( "#slidercat1nodesweight" , TW.categories[1], "size");
EdgeWeightFilter("#slidercat0edgesweight", "1|0", "weight");
EdgeWeightFilter("#slidercat1edgesweight", "0|1", "weight");
}
}
}
}).index();
}).index();
if (!TW.filterSliders) {
if (!TW.filterSliders) {
var filterEls = document.getElementsByClassName('weight-selectors')
var filterEls = document.getElementsByClassName('weight-selectors')
for (var k in filterEls) {
if (filterEls[k] && filterEls[k].style) filterEls[k].style.display="none"
for (var k in filterEls) {
if (filterEls[k] && filterEls[k].style) filterEls[k].style.display="none"
}
}
}
TW.FA2Params = {
// adapting speed -------------
slowDown: 1.5,
startingIterations: 2, // keep it an even number to reduce visible oscillations at rendering
iterationsPerRender: 4, // idem
barnesHutOptimize: false,
// barnesHutTheta: .5,
// global behavior -----------
linLogMode: true,
edgeWeightInfluence: .3,
gravity: .8,
strongGravityMode: false,
scalingRatio: 1,
adjustSizes: false, // ~ messy but sort of in favor of overlap prevention
// favors global centrality
// (but rather not needed when data already shows topic-centered
// node groups and/nor when preferential attachment type of data)
outboundAttractionDistribution: false
}
TW.FA2Params = {
// adapting speed -------------
slowDown: 1.5,
startingIterations: 2, // keep it an even number to reduce visible oscillations at rendering
iterationsPerRender: 4, // idem
barnesHutOptimize: false,
// barnesHutTheta: .5,
// global behavior -----------
linLogMode: true,
edgeWeightInfluence: .3,
gravity: .8,
strongGravityMode: false,
scalingRatio: 1,
adjustSizes: false, // ~ messy but sort of in favor of overlap prevention
// favors global centrality
// (but rather not needed when data already shows topic-centered
// node groups and/nor when preferential attachment type of data)
outboundAttractionDistribution: false
}
if (TW.debugFlags.logSettings) console.info("FA2 settings", TW.FA2Params)
if (TW.debugFlags.logSettings) console.info("FA2 settings", TW.FA2Params)
// init FA2 for any future forceAtlas2 calls
TW.partialGraph.configForceAtlas2(TW.FA2Params)
// init FA2 for any future forceAtlas2 calls
TW.partialGraph.configForceAtlas2(TW.FA2Params)
// init noverlap for any future calls
TW.partialGraph.configNoverlap({
nodeMargin: .4,
scaleNodes: 1.5,
gridSize: 400,
speed: 5,
maxIterations: 10,
easing: 'quadraticOut', // animation transition function
duration: 1500 // animation duration
// NB animation happens *after* processing
});
// init noverlap for any future calls
TW.partialGraph.configNoverlap({
nodeMargin: .4,
scaleNodes: 1.5,
gridSize: 400,
speed: 5,
maxIterations: 10,
easing: 'quadraticOut', // animation transition function
duration: 1500 // animation duration
// NB animation happens *after* processing
});
// REFA new sigma.js
TW.partialGraph.camera.goTo({x:0, y:0, ratio:0.9, angle: 0})
// REFA new sigma.js
TW.partialGraph.camera.goTo({x:0, y:0, ratio:0.9, angle: 0})
twjs_.initListeners(TW.categories , TW.partialGraph);
twjs_.initListeners(TW.categories , TW.partialGraph);
// mostly json data are extracts provided by DB apis => no positions
if (inFormat == "json") TW.fa2enabled = true
// mostly json data are extracts provided by DB apis => no positions
if (inFormat == "json") TW.fa2enabled = true
// will run fa2 if enough nodes and TW.fa2enabled == true
sigma_utils.smartForceAtlas()
// will run fa2 if enough nodes and TW.fa2enabled == true
sigma_utils.smartForceAtlas()
// adapt the enviroment to monopartite vs. bipartite cases
if( TW.categories.length==1 ) {
$("#changetype").hide();
$("#taboppos").remove();
// adapt the enviroment to monopartite vs. bipartite cases
if( TW.categories.length==1 ) {
$("#changetype").hide();
$("#taboppos").remove();
// if (TW.catSem && TW.catSoc) {
setTimeout(function () {
// tabneigh: show "Related" tab
document.querySelector('.etabs a[href="#tabs2"]').click()
}, 500);
// }
}
// for elements hidden by default (cf. css) but useful in bipartite case
else {
$("#taboppos").css('display', 'inline-block');
}
// if (TW.catSem && TW.catSoc) {
setTimeout(function () {
// tabneigh: show "Related" tab
document.querySelector('.etabs a[href="#tabs2"]').click()
}, 500);
// }
}
// for elements hidden by default (cf. css) but useful in bipartite case
else {
$("#taboppos").css('display', 'inline-block');
}
// should prepare the colors/clusters menu once and for all
// (previously, needed to be called after changeType/changeLevel)
changeGraphAppearanceByFacets(true)
// should prepare the colors/clusters menu once and for all
// (previously, needed to be called after changeType/changeLevel)
changeGraphAppearanceByFacets(true)
// set the default legend
set_ClustersLegend ( "clust_default" )
// set the default legend
set_ClustersLegend ( "clust_default" )
}
}
// load optional modules
ProcessDivsFlags() ;
......
tinawebJS/sigma.parseCustom.js
View file @ 4ef05dd8
......@@ -175,12 +175,12 @@ function scanGexf(gexfContent) {
let elsNodes = gexfContent.getElementsByTagName('nodes');
// console.debug('>>> tr: elsNodes', elsNodes) // <<<
for(i=0; i<elsNodes.length; i++){
for(var i=0; i<elsNodes.length; i++){
var elNodes = elsNodes[i]; // Each xml node 'nodes' (plural)
let node = elNodes.getElementsByTagName('node');
for(j=0; j<node.length; j++){
for(var j=0; j<node.length; j++){
let attvalueNodes = node[j].getElementsByTagName('attvalue');
for(k=0; k<attvalueNodes.length; k++){
for(var k=0; k<attvalueNodes.length; k++){
let attvalueNode = attvalueNodes[k];
let attr = attvalueNode.getAttribute('for');
let val = attvalueNode.getAttribute('value');
......@@ -1014,7 +1014,7 @@ function makeSystemStates (cats) {
let bin_array = [];
let toadd = cats.length-bin_splitted.length;
for (k = 0; k < toadd; k++)
for (var k = 0; k < toadd; k++)
bin_array.push("0")
for(var j in bin)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment