< !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
//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 > :
< span class = "feldwert" > Fälle< / span >
;
< span class = "feldname" > Stichtag< / span > :
< span class = "feldwert" > Aktuelle Zahlen< / span >
;
< span class = "feldname" > Seit Semester< / span > :
< span class = "feldwert" > WiSe 2015/2016< / span >
;
< span class = "feldname" > Bis Semester< / span > :
< span class = "feldwert" > WiSe 2023/2024< / span >
;
< span class = "feldname" > Status< / span > :
< span class = "feldwert" > Alle ohne Beurl., ohne Exmatr.< / span >
;
< span class = "feldname" > Name der Hochschule< / span > :
< span class = "feldwert" > Muster-Hochschule< / span >
;
< span class = "feldname" > Hörerstatus< / span > :
< span class = "feldwert" > alle< / span >
;
< span class = "feldname" > Bericht< / span > :
< span class = "feldwert" > Generisches Standardlayout Datenblätter< / span >
;
< span class = "feldname" > Felder< / span > :
< span class = "feldwert" > Studierendenstatistik:Geschlecht - geschlecht, St...< / span >
;
< span class = "feldname" > Schlüssel anzeigen< / span > :
< span class = "feldwert" > Ja< / span >
;
< span class = "feldname" > Ausgabeformat< / span > :
< span class = "feldwert" > HTML< / span >
;
User: superx
Stand:
29.05.2023 < / p > < span class = "separator" > < / 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" > < / span > < span class = "separator" > < / 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" > < / span > < span class = "separator" > < / span > < span class = "separator" > < / 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" > < / span > < span class = "separator" > < / 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" > < / span > < span class = "separator" > < / 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" > < / span > < span class = "separator" > < / 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" > < / span > < span class = "separator" > < / 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 > < a href = "http://www.superx-projekt.de" target = "_parent" > http://www.superx-projekt.de< / a >
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 >