Visualisierungsmodul für SuperX http://www.superx-projekt.de/doku/viz_modul/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

484 lines
32 KiB

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns:HtmlUtils="de.superx.util.HtmlUtils">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../style/superx.css">
<link rel="stylesheet" type="text/css" href="../xml/menue_html.css">
<link rel="stylesheet" type="text/css" href="../xml/superxml_html.css">
<link rel="stylesheet" type="text/css" href="../xml/maske_html.css">
<link rel="stylesheet" type="text/css" href="../xml/tabelle_html.css">
<link rel="stylesheet" type="text/css" href="../xml/css/fontello-codes.css">
<link rel="stylesheet" type="text/css" href="../xml/css/start_portlet.css">
<link rel="stylesheet" type="text/css" href="../style/bulma.css">
<link rel="stylesheet" type="text/css" href="../style/bulma-tooltip.min.css">
<link rel="stylesheet" type="text/css" href="../style/sx_viz_muster.css">
</head><script language="Javascript" type="text/javascript" src="../xml/js/jquery-2.1.1.min.js"></script>
<script language="JavaScript" type="text/javascript" src="../xml/js/memtext/sx_functions.js">
</script>
<script language="Javascript" type="text/javascript" src="../xml/js/viz/d3.min.js"></script>
<script language="Javascript" type="text/javascript" src="../xml/js/viz/plot.js"></script>
<script language="Javascript" type="module" src="../xml/js/viz/d3-sankey.js"></script>
<script language="Javascript" type="text/javascript" src="../xml/js/viz/viz_functions.js"></script>
<style type="text/css">
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
.node text {
pointer-events: none;
text-shadow: 0 1px 0 #fff;
}
.link {
fill: none;
stroke: #000;
stroke-opacity: .2;
}
.link:hover {
stroke-opacity: .5;
}
</style>
<body>
<script language="Javascript">
function renderPlot()
{
var sampleDataStr='[{"rownr":1,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2015/2016","sos_stg_aggr_sem_rueck_beur_ein":20152,"sos_stg_aggr_summe":18},{"rownr":2,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2015/2016","sos_stg_aggr_sem_rueck_beur_ein":20152,"sos_stg_aggr_summe":7},{"rownr":3,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2016","sos_stg_aggr_sem_rueck_beur_ein":20161,"sos_stg_aggr_summe":16},{"rownr":4,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2016","sos_stg_aggr_sem_rueck_beur_ein":20161,"sos_stg_aggr_summe":7},{"rownr":5,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2016/2017","sos_stg_aggr_sem_rueck_beur_ein":20162,"sos_stg_aggr_summe":22},{"rownr":6,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2016/2017","sos_stg_aggr_sem_rueck_beur_ein":20162,"sos_stg_aggr_summe":7},{"rownr":7,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2016/2017","sos_stg_aggr_sem_rueck_beur_ein":20162,"sos_stg_aggr_summe":1},{"rownr":8,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2017","sos_stg_aggr_sem_rueck_beur_ein":20171,"sos_stg_aggr_summe":22},{"rownr":9,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2017","sos_stg_aggr_sem_rueck_beur_ein":20171,"sos_stg_aggr_summe":7},{"rownr":10,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2017","sos_stg_aggr_sem_rueck_beur_ein":20171,"sos_stg_aggr_summe":1},{"rownr":11,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2017/2018","sos_stg_aggr_sem_rueck_beur_ein":20172,"sos_stg_aggr_summe":31},{"rownr":12,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2017/2018","sos_stg_aggr_sem_rueck_beur_ein":20172,"sos_stg_aggr_summe":9},{"rownr":13,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2017/2018","sos_stg_aggr_sem_rueck_beur_ein":20172,"sos_stg_aggr_summe":2},{"rownr":14,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2018","sos_stg_aggr_sem_rueck_beur_ein":20181,"sos_stg_aggr_summe":32},{"rownr":15,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2018","sos_stg_aggr_sem_rueck_beur_ein":20181,"sos_stg_aggr_summe":9},{"rownr":16,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2018","sos_stg_aggr_sem_rueck_beur_ein":20181,"sos_stg_aggr_summe":2},{"rownr":17,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2018/2019","sos_stg_aggr_sem_rueck_beur_ein":20182,"sos_stg_aggr_summe":35},{"rownr":18,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2018/2019","sos_stg_aggr_sem_rueck_beur_ein":20182,"sos_stg_aggr_summe":18},{"rownr":19,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2018/2019","sos_stg_aggr_sem_rueck_beur_ein":20182,"sos_stg_aggr_summe":2},{"rownr":20,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2019","sos_stg_aggr_sem_rueck_beur_ein":20191,"sos_stg_aggr_summe":33},{"rownr":21,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2019","sos_stg_aggr_sem_rueck_beur_ein":20191,"sos_stg_aggr_summe":19},{"rownr":22,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2019","sos_stg_aggr_sem_rueck_beur_ein":20191,"sos_stg_aggr_summe":2},{"rownr":23,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":38},{"rownr":24,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":36},{"rownr":25,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":3},{"rownr":26,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2019/2020","sos_stg_aggr_sem_rueck_beur_ein":20192,"sos_stg_aggr_summe":2},{"rownr":27,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":46},{"rownr":28,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":47},{"rownr":29,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":4},{"rownr":30,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2020","sos_stg_aggr_sem_rueck_beur_ein":20201,"sos_stg_aggr_summe":2},{"rownr":31,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":69},{"rownr":32,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":90},{"rownr":33,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":4},{"rownr":34,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2020/2021","sos_stg_aggr_sem_rueck_beur_ein":20202,"sos_stg_aggr_summe":2},{"rownr":35,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":109},{"rownr":36,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":113},{"rownr":37,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":5},{"rownr":38,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2021","sos_stg_aggr_sem_rueck_beur_ein":20211,"sos_stg_aggr_summe":2},{"rownr":39,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":211},{"rownr":40,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":217},{"rownr":41,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":6},{"rownr":42,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2021/2022","sos_stg_aggr_sem_rueck_beur_ein":20212,"sos_stg_aggr_summe":2},{"rownr":43,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":344},{"rownr":44,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":371},{"rownr":45,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":8},{"rownr":46,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2022","sos_stg_aggr_sem_rueck_beur_ein":20221,"sos_stg_aggr_summe":2},{"rownr":47,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":570},{"rownr":48,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":544},{"rownr":49,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":8},{"rownr":50,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2022/2023","sos_stg_aggr_sem_rueck_beur_ein":20222,"sos_stg_aggr_summe":1},{"rownr":51,"sos_stg_aggr_geschlecht_str":"männlich","sos_stg_aggr_geschlecht":1,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":481},{"rownr":52,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":408},{"rownr":53,"sos_stg_aggr_geschlecht_str":"divers","sos_stg_aggr_geschlecht":3,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":11},{"rownr":54,"sos_stg_aggr_geschlecht_str":"undefiniert / k.A.","sos_stg_aggr_geschlecht":4,"sos_stg_aggr_sem_rueck_beur_ein_str":"SoSe 2023","sos_stg_aggr_sem_rueck_beur_ein":20231,"sos_stg_aggr_summe":3},{"rownr":55,"sos_stg_aggr_geschlecht_str":"weiblich","sos_stg_aggr_geschlecht":2,"sos_stg_aggr_sem_rueck_beur_ein_str":"WiSe 2023/2024","sos_stg_aggr_sem_rueck_beur_ein":20232,"sos_stg_aggr_summe":7}]';
//var plotCode=searchReplace(document.getElementById('plotSrcCode').value,"rs0",sampleDataStr);
//alert(plotCode);
//var plotCode="{marks:[Plot.line(rs0,{x:"sos_stg_aggr_sem_rueck_beur_ein_str",y:"sos_stg_aggr_summe",stroke:"sos_stg_aggr_geschlecht_str"})
//]}
var targetDiv="chartDiv";
//var myOptions=JSON.parse(plotCode);
/* klappt nicht:
var plotCode="{marks:[Plot.line(rs0,{x:\"sos_stg_aggr_sem_rueck_beur_ein_str\", y:\"sos_stg_aggr_summe\", stroke:\"sos_stg_aggr_geschlecht_str\"}";
var plotCodeWithData=searchReplace(plotCode,"rs0",sampleDataStr);
var myOptions=JSON.parse(plotCodeWithData);
var svgPlot=Plot.plot(myOptions);
*/
var svgPlot=Plot.plot({
y: {
domain: [0, 100],
grid: true
},
marks:[Plot.line(rs[0],
{x:"sos_stg_aggr_sem_rueck_beur_ein_str",
y:"sos_stg_aggr_summe",
stroke:"sos_stg_aggr_geschlecht_str"})
]});
document.getElementById(targetDiv).innerHTML="";
document.getElementById(targetDiv).appendChild(svgPlot);
}
/* generic function that searches/replaces a string.
Regular expressions may be used.
*/
function searchReplace(instr,remove, replace)
{
var ret="";
ret=replaceRegexp(instr,remove,replace,false);
return ret;
}
/* generic function that searches/replaces a string optionally using Regular expressions
*/
function replaceRegexp(instr,remove, outstr,isRegExp) {
var returnString="";
if (instr==null || remove==null || !(typeof instr == 'string') || remove.length==0) return instr;
if(isRegExp)
{
returnString=instr.replace(remove,outstr);
}
else
{
var sb = "";
var oldIndex = 0;
var newIndex = 0;
var remLength = remove.length;
while ( (newIndex = instr.indexOf(remove,oldIndex)) > -1) {
//copy from last to new appearance
sb+=(instr.substring(oldIndex,newIndex));
sb+=outstr;
//set old index to end of last apperance.
oldIndex = newIndex + remLength;
}
var inLength = instr.length;
//add part after last appearance of string to remove
if(oldIndex<inLength) sb+=(instr.substring(oldIndex,inLength));
returnString= sb;
}
return returnString;
}
var vizInitialName='Studierend_e Datenblatt';
function dataRowMetaData(tableId,nr,colname,colcaption,coltype,colfunction)
{
this.tableId=tableId;
this.nr=nr;
this.colname=colname;
this.colcaption=colcaption;
this.coltype=coltype;
this.colfunction=colfunction;
}
function tableMetaData(nr,value,name,isDefault)
{
this.value=value;
this.nr=nr;
this.name=name
this.isDefault=isDefault;
}
var rsTableMetaData=new Array();
var rsColumnMetaData=new Array();
var rs=new Array();
</script><script language="Javascript">
rsTableMetaData.push(new tableMetaData(
1,'0','Tab. 1',
true
));
rs[0]=new Array();
var myChartModel=new chartModel(1,"","",rsTableMetaData);
function dataRow_0(rownr,sos_stg_aggr_geschlecht_str,sos_stg_aggr_geschlecht,sos_stg_aggr_sem_rueck_beur_ein_str,sos_stg_aggr_sem_rueck_beur_ein,sos_stg_aggr_summe
)
{
this.rownr=rownr;
this.sos_stg_aggr_geschlecht_str=sos_stg_aggr_geschlecht_str;
this.sos_stg_aggr_geschlecht=sos_stg_aggr_geschlecht;
this.sos_stg_aggr_sem_rueck_beur_ein_str=sos_stg_aggr_sem_rueck_beur_ein_str;
this.sos_stg_aggr_sem_rueck_beur_ein=sos_stg_aggr_sem_rueck_beur_ein;
this.sos_stg_aggr_summe=sos_stg_aggr_summe;
}
rsColumnMetaData[0]=new Array();
rsColumnMetaData[0].push(new dataRowMetaData('0',0,'rownr','Zeilennr.',0,4));
rsColumnMetaData[0].push(new dataRowMetaData('0',1,'sos_stg_aggr_geschlecht_str','Geschlecht',0,null));
rsColumnMetaData[0].push(new dataRowMetaData('0',2,'sos_stg_aggr_geschlecht','Geschlecht\n(Schlüssel)',0,null));
rsColumnMetaData[0].push(new dataRowMetaData('0',3,'sos_stg_aggr_sem_rueck_beur_ein_str','Semester der Belegung',0,null));
rsColumnMetaData[0].push(new dataRowMetaData('0',4,'sos_stg_aggr_sem_rueck_beur_ein','Semester der Belegung\n(Schlüssel)',0,null));
rsColumnMetaData[0].push(new dataRowMetaData('0',5,'sos_stg_aggr_summe','Summe',0,null));
rsColumnMetaData[0][1].coltype=1;
rsColumnMetaData[0][2].coltype=4;
rsColumnMetaData[0][3].coltype=1;
rsColumnMetaData[0][4].coltype=4;
rsColumnMetaData[0][5].coltype=3;
//rs[0]= new Array();
rs[0].push(new dataRow_0(1,'männlich',1,'WiSe 2015/2016',20152,18.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(2,'weiblich',2,'WiSe 2015/2016',20152,7.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(3,'männlich',1,'SoSe 2016',20161,16.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(4,'weiblich',2,'SoSe 2016',20161,7.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(5,'männlich',1,'WiSe 2016/2017',20162,22.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(6,'weiblich',2,'WiSe 2016/2017',20162,7.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(7,'undefiniert / k.A.',4,'WiSe 2016/2017',20162,1.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(8,'männlich',1,'SoSe 2017',20171,22.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(9,'weiblich',2,'SoSe 2017',20171,7.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(10,'undefiniert / k.A.',4,'SoSe 2017',20171,1.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(11,'männlich',1,'WiSe 2017/2018',20172,31.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(12,'weiblich',2,'WiSe 2017/2018',20172,9.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(13,'undefiniert / k.A.',4,'WiSe 2017/2018',20172,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(14,'männlich',1,'SoSe 2018',20181,32.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(15,'weiblich',2,'SoSe 2018',20181,9.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(16,'undefiniert / k.A.',4,'SoSe 2018',20181,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(17,'männlich',1,'WiSe 2018/2019',20182,35.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(18,'weiblich',2,'WiSe 2018/2019',20182,18.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(19,'undefiniert / k.A.',4,'WiSe 2018/2019',20182,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(20,'männlich',1,'SoSe 2019',20191,33.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(21,'weiblich',2,'SoSe 2019',20191,19.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(22,'undefiniert / k.A.',4,'SoSe 2019',20191,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(23,'männlich',1,'WiSe 2019/2020',20192,38.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(24,'weiblich',2,'WiSe 2019/2020',20192,36.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(25,'divers',3,'WiSe 2019/2020',20192,3.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(26,'undefiniert / k.A.',4,'WiSe 2019/2020',20192,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(27,'männlich',1,'SoSe 2020',20201,46.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(28,'weiblich',2,'SoSe 2020',20201,47.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(29,'divers',3,'SoSe 2020',20201,4.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(30,'undefiniert / k.A.',4,'SoSe 2020',20201,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(31,'männlich',1,'WiSe 2020/2021',20202,69.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(32,'weiblich',2,'WiSe 2020/2021',20202,90.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(33,'divers',3,'WiSe 2020/2021',20202,4.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(34,'undefiniert / k.A.',4,'WiSe 2020/2021',20202,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(35,'männlich',1,'SoSe 2021',20211,109.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(36,'weiblich',2,'SoSe 2021',20211,113.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(37,'divers',3,'SoSe 2021',20211,5.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(38,'undefiniert / k.A.',4,'SoSe 2021',20211,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(39,'männlich',1,'WiSe 2021/2022',20212,211.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(40,'weiblich',2,'WiSe 2021/2022',20212,217.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(41,'divers',3,'WiSe 2021/2022',20212,6.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(42,'undefiniert / k.A.',4,'WiSe 2021/2022',20212,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(43,'männlich',1,'SoSe 2022',20221,344.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(44,'weiblich',2,'SoSe 2022',20221,371.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(45,'divers',3,'SoSe 2022',20221,8.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(46,'undefiniert / k.A.',4,'SoSe 2022',20221,2.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(47,'männlich',1,'WiSe 2022/2023',20222,570.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(48,'weiblich',2,'WiSe 2022/2023',20222,544.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(49,'divers',3,'WiSe 2022/2023',20222,8.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(50,'undefiniert / k.A.',4,'WiSe 2022/2023',20222,1.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(51,'männlich',1,'SoSe 2023',20231,481.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(52,'weiblich',2,'SoSe 2023',20231,408.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(53,'divers',3,'SoSe 2023',20231,11.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(54,'undefiniert / k.A.',4,'SoSe 2023',20231,3.000000));
//rs[0]= new Array();
rs[0].push(new dataRow_0(55,'weiblich',2,'WiSe 2023/2024',20232,7.000000));
</script>
<section class="hero-body has-background-light">
<div class="columns is-mobile is-left">
<div class="card has-background-light">
<div class="card-content">
<p class="title is-4">Plot Demo Datenvisualisierung</p>
<div class="tabs is-left is-small" id="viznav">
<ul>
<li data-target="viznav-tab1" id="1"><a onclick="showVizNavTab(1);"><span>Grafikdaten</span></a></li>
<li data-target="viznav-tab2" id="2"><a onclick="showVizNavTab(2);"><span>Grafiklayout</span></a></li>
</ul>
</div>
<div class="tab-content">
<div class="viznav-tab1" id="tab-1" style="display:block">
<p class="title is-5">Studierend_e Datenblatt</p>
<!--Template legende in file resultset_html.xsl-->
<p class="legende"><span class="feldname">Köpfe oder Fälle ?</span>:&nbsp;
<span class="feldwert">Fälle</span>
;
<span class="feldname">Stichtag</span>:&nbsp;
<span class="feldwert">Aktuelle Zahlen</span>
;
<span class="feldname">Seit Semester</span>:&nbsp;
<span class="feldwert">WiSe 2015/2016</span>
;
<span class="feldname">Bis Semester</span>:&nbsp;
<span class="feldwert">WiSe 2023/2024</span>
;
<span class="feldname">Status</span>:&nbsp;
<span class="feldwert">Alle ohne Beurl., ohne Exmatr.</span>
;
<span class="feldname">Name der Hochschule</span>:&nbsp;
<span class="feldwert">Muster-Hochschule</span>
;
<span class="feldname">Hörerstatus</span>:&nbsp;
<span class="feldwert">alle</span>
;
<span class="feldname">Bericht</span>:&nbsp;
<span class="feldwert">Generisches Standardlayout Datenblätter</span>
;
<span class="feldname">Felder</span>:&nbsp;
<span class="feldwert">Studierendenstatistik:Geschlecht - geschlecht, St...</span>
;
<span class="feldname">Schlüssel anzeigen</span>:&nbsp;
<span class="feldwert">Ja</span>
;
<span class="feldname">Ausgabeformat</span>:&nbsp;
<span class="feldwert">HTML</span>
;
User: superx&nbsp;
Stand:
29.05.2023 </p><span class="separator">&nbsp;</span><div class="field is-grouped">
<div class="label-container"><label class="label is-required is-small"><strong>Datentabelle</strong></label></div><span class="separator">&nbsp;</span><span class="separator">&nbsp;</span><a onClick="showDataTable('dataDivTable0',0,rs[0],rsColumnMetaData[0],10);"><span class="icon"><img src="../images/icons/more.svg" title="Laden"></span></a></div>
<div id="dataDiv">
<div id="dataDivTable0"></div>
</div><span class="separator">&nbsp;</span><span class="separator">&nbsp;</span><span class="separator">&nbsp;</span><footer class="card-footer">
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="submit">Speichern</button></p>
<p class="card-footer-item"><button class="button is-link is-outlined is-small" type="reset">Zurücksetzen</button></p>
</footer>
</div>
<div class="viznav-tab2" id="tab-2" style="display:none">
<div id="chartProperties">
<form name="chartPropertiesForm">
<div class="columns">
<div class="column is-four-fifth">
<div class="field is-grouped">
<div class="label-container"><label class="label is-required is-small"><strong>Grafiktitel</strong></label></div>
<div class="field is-active">
<p class="control-new">
<div class="chartName"><textarea class="textarea is-small" id="chartName" name="chartName" rows="2" cols="20" onChange="renderPlot();"></textarea></div>
</p>
</div>
<span class="separator">&nbsp;</span><span class="separator">&nbsp;</span><span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24"><img src="../images/information_grey_liberation.svg"></figure></span></div>
</div><span class="separator">&nbsp;</span><span class="separator">&nbsp;</span><div class="column">
<div class="field is-grouped">
<div class="label-container"><label class="label is-required is-small"><strong>Grafiktool</strong></label></div>
<div class="field is-active">
<p class="control-new">
<div class="select is-small is-fullwidth"><select class="maskinputPflicht" id="fldVizRenderer" NAME="fldVizRenderer" tabindex="1" onChange="resetChartPropertiesForm(this.value);">
<option class="maskinput" value="plot">Observable Plot</option>
<option class="maskinput" value="d3js">D3JS (V7)</option></select></div>
</p>
</div><span class="separator">&nbsp;</span><span class="separator">&nbsp;</span><span class="info" onclick="window.open('https://super-ics.de/superx/doku/kern_modul/admin/f_Patcheinspielen.htm','_blank','directories=no,location=no,menubar=no,scrollbars=yes,resizable=yes,toolbar=no,width=800,height=660');">
<figure class="image is-24x24"><img src="../images/information_grey_liberation.svg"></figure></span></div>
</div>
</div>
<div class="columns">
<div class="column is-four-fifth">
<div id="chartModelsrcDiv">
<div id="plotSrc"><textarea id="plotSrcCode" name="plotSrcCode" class="textarea" placeholder="Quellcode klappt nocxh nicht, bitte HTML-Quelle bearbeiten...">
</textarea><a class="button" onClick="renderPlot();">Vorschau</a>
</div>
</div>
</div>
<div class="column">
<div class="label-container"><label class="label is-required is-small"><strong>Grafikvorschau</strong></label></div><span class="separator">&nbsp;</span><span class="separator">&nbsp;</span><div id="chartCanvas">
<div id="chartDiv"><svg>
<rect x="0" y="0" width="650" height="450" fill="#cccccc"></rect></svg></div>
</div>
</div>
</div>
</form>
</div>
</div><!--Ende tab 2-->
<div class="viznav-tab3" id="tab-3" style="display:none">
</div>
</div>
</div>
</div>
</section>
<div id="fuss">
<hr><a href="http://www.superx-projekt.de" target="_top">Superx-Projekt</a>&nbsp;<a href="http://www.superx-projekt.de" target="_parent">http://www.superx-projekt.de</a>
&nbsp; 29.10.2023</div>
<!--customfooter--></div>
</div>
<div id="footer_sx" style="background-color: #f4f4ef;z-index: 1000;left: 0px;height: 30px;width: 100%;position: fixed;border-top: 1px solid #cccccc;bottom: 0px;">
<div style="text-align: center;left:1em;">
<ul id="top-navi">
<li><a target="_blank" href="/superx/edit/kern/show_html_content.jsp?output=IMPRINT">Impressum</a></li>
<li><a target="_blank" href="/superx/edit/kern/show_html_content.jsp?output=PRIVACY">Datenschutz</a></li>
</ul>
</div>
</div>
</body>
</html>