D3Search / cesare concordia

cesare concordia

Workspace

Published

Edited

Apr 7, 2021

1 fork

Importers

md`# D3Search`

sparqlquery=`PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>

PREFIX ecrm: <http://erlangen-crm.org/current/>

PREFIX hdn: <http://hdn.dantenetwork.it/resource/work/commedia/cantica/>

PREFIX lemon: <http://lemon-model.net/lemon#>

PREFIX orl: <http://dantenetwork.it/resource/ontology/ORL/>

PREFIX xsd: <http://www.w3.org/2001/XMLSchema#>

SELECT ?pos ?sc ?ver ?canto ?cantica

WHERE {

?occ ecrm:P148_is_component_of ?ver .

?occ hdn:isInPosition ?pos .

?canto ecrm:P148_has_component ?ver .

?ver ecrm:P190_has_symbolic_content ?sc .

?cantica ecrm:P148_has_component ?canto .

?occ hdn:occurrenceOf ?form .

?form a orl:FormaVerboVolgare .

?form orl:TipoTransitivitàVerboVolgare orl:VerboVolgareTransitivo .

?form orl:TipoDiatesiVerboVolgare orl:VerboVolgareAttivo .

?form orl:TipoConiugazioneVerboVolgare orl:VerboVolgarePrimaConiugazione .

?form orl:TipoTempoVerboVolgare orl:FuturoSempliceIndicativoVerboVolgare .

?form orl:TipoPersonaVerboVolgare orl:PrimaPersonaSingolareVerboVolgare .

?form lemon:writtenRep ?Rappresentazione .

FILTER regex(?Rappresentazione,"^farò$","i") .

dataconpos=fetch(`https://hdnlab1.isti.cnr.it/fuseki/prima_cantica_init/sparql?query=${encodeURIComponent(gimmespqfromjson())}`, {headers: myauthHeaders}).then(response => {

if (!response.ok) throw new Error(response.status);

return response.json();

})

.then(e =>(e.results.bindings))

.then(f => f.map(x => Object.assign({},{pos:x.pos.value,verso:x.sc.value, iri:x.ver.value})))

categorie=['Verbo volgare', 'Sostantivo volgare', 'Aggettivo volgare', 'Pronome volgare', 'Articolo volgare', 'Avverbio volgare', 'Preposizione volgare', 'Congiunzione volgare', 'Interiezione volgare', 'Onomastica volgare', 'Citazione volgare']

tiporicerca=['Sottostringa', 'Prefisso', 'Suffisso', 'Espressione regolare', 'Tutte le occorrenze']

oggettoricerca=['Forma', 'Lemma']

import {form} from "@mbostock/form-input"

function writesearchValue(form) {

if (queryform.message=='')

return `Cerco qualsiasi ${queryform.oggetto}`;

else return `Cerco la ${queryform.oggetto} "${queryform.message}"`

}

sp_js=require('https://bundle.run/sparqljs@3.4.1')

d3 = require("d3@5")

function gimmespqfromjson(){

const sparqlgen = sp_js.Generator;

const generator = new sparqlgen({orl: "http://www.w3.org/2000/01/rdf-schema#" })

const parsedquery=gimmespq(form)

if (queryform.categoria!='all')

parsedquery.where[0].triples.push(JSON.parse(data21)[queryform.categoria]);

if (queryform.query!="")

switch(queryform.tipo) {

case 'parola':

parsedquery.where[1].expression.args[1].value="^"+queryform.query+"$";

break;

case 'sottostringa':

parsedquery.where[1].expression.args[1].value=queryform.query;

break;

case 'prefisso':

parsedquery.where[1].expression.args[1].value=queryform.query;

break;

case 'suffisso':

parsedquery.where[1].expression.args[1].value=queryform.query+"$";

break;

default:

parsedquery.where[1].expression.args[1].value="^"+queryform.query+"$";

};

return generator.stringify(parsedquery);

//return (parsedquery.where[0].triples)

}

viewof queryform = form(html`<form>

<tbody>

<option value="forma">Forma</option>

<option value="lemma">Lemma</option>

</select>

</td>

<td>

</td>

<td>

<option value="parola" onclick="">Parola</option>

<option value="sottostringa" onclick="">Sottostringa</option>

<option value="prefisso" onclick="">Prefisso</option>

<option value="suffisso" onclick="">Suffisso</option>

<option value="espressione" onclick="">Espressione regolare</option>

<option value="occorrenze" onclick="">Tutte le occorrenze</option>

</select>

</td>

<option value="all">Tutte le categorie</option>

<option value="verbovolgare">Verbo volgare</option>

<option value="sostantivovolgare">Sostantivo volgare</option>

<option value="aggettivovolgare">Aggettivo volgare</option>

<option value="pronomevolgare">Pronome volgare</option>

<option value="articolovolgare">Articolo volgare</option>

<option value="avverbiovolgare">Avverbio volgare</option>

<option value="preposizionevolgare">Preposizione volgare</option>

<option value="congiunzionevolgare">Congiunzione volgare</option>

<option value="interiezionevolgare">Interiezione volgare</option>

<option value="onomasticavolgare">Onomastica volgare</option>

<option value="citazionevolgare">Citazione volgare</option>

</optgroup>

<option value="verbo_latino_v">Verbo latino</option>

<option value="sostantivo_latino_s">Sostantivo latino</option>

<option value="aggettivo_latino_a">Aggettivo latino</option>

<option value="pronome_latino_p">Pronome latino</option>

<option value="avverbio_latino_r">Avverbio latino</option>

<option value="preposizione_latino_e">Preposizione latino</option>

<option value="congiunzione_latino_c">Congiunzione latino</option>

<option value="interiezione_latino_i">Interiezione latino</option>

<option value="enclitica_latino_9">Enclitica latino</option>

<option value="citazione_latino_zi">Citazione latino</option>

<option value="simbolo_latino_yy">Simbolo latino</option>

</optgroup>

</select>

</td>

<td>

<a href="javascript:popupCategoria('0');" title="Configurazione categoria"><small>Categoria</small></a>

</td>

<td>

</td>

</tr>

<option value="forma">Forma</option>

<option value="lemma">Lemma</option>

</select>

</td>

<td>

</td>

<td>

<option value="parola" onclick="">Parola</option>

<option value="sottostringa" onclick="">Sottostringa</option>

<option value="prefisso" onclick="">Prefisso</option>

<option value="suffisso" onclick="">Suffisso</option>

<option value="espressione" onclick="">Espressione regolare</option>

<option value="occorrenze" onclick="">Tutte le occorrenze</option>

</select>

</td>

<option value="all">Tutte le categorie</option>

<option value="verbovolgare">Verbo volgare</option>

<option value="sostantivovolgare">Sostantivo volgare</option>

<option value="aggettivovolgare">Aggettivo volgare</option>

<option value="pronomevolgare">Pronome volgare</option>

<option value="articolovolgare">Articolo volgare</option>

<option value="avverbiovolgare">Avverbio volgare</option>

<option value="preposizionevolgare">Preposizione volgare</option>

<option value="congiunzionevolgare">Congiunzione volgare</option>

<option value="interiezionevolgare">Interiezione volgare</option>

<option value="onomasticavolgare">Onomastica volgare</option>

<option value="citazionevolgare">Citazione volgare</option>

</optgroup>

<option value="verbo_latino_v">Verbo latino</option>

<option value="sostantivo_latino_s">Sostantivo latino</option>

<option value="aggettivo_latino_a">Aggettivo latino</option>

<option value="pronome_latino_p">Pronome latino</option>

<option value="avverbio_latino_r">Avverbio latino</option>

<option value="preposizione_latino_e">Preposizione latino</option>

<option value="congiunzione_latino_c">Congiunzione latino</option>

<option value="interiezione_latino_i">Interiezione latino</option>

<option value="enclitica_latino_9">Enclitica latino</option>

<option value="citazione_latino_zi">Citazione latino</option>

<option value="simbolo_latino_yy">Simbolo latino</option>

</optgroup>

</select>

</td>

<td>

<a href="javascript:popupCategoria('1');" title="Configurazione categoria"><small>Categoria</small></a>

</td>

<td>

</td>

</tr>

<option value="forma">Forma</option>

<option value="lemma">Lemma</option>

</select>

</td>

<td>

</td>

<td>

<option value="parola" onclick="">Parola</option>

<option value="sottostringa" onclick="">Sottostringa</option>

<option value="prefisso" onclick="">Prefisso</option>

<option value="suffisso" onclick="">Suffisso</option>

<option value="espressione" onclick="">Espressione regolare</option>

<option value="occorrenze" onclick="">Tutte le occorrenze</option>

</select>

</td>

<option value="all">Tutte le categorie</option>

<option value="verbovolgare">Verbo volgare</option>

<option value="sostantivovolgare">Sostantivo volgare</option>

<option value="aggettivovolgare">Aggettivo volgare</option>

<option value="pronomevolgare">Pronome volgare</option>

<option value="articolovolgare">Articolo volgare</option>

<option value="avverbiovolgare">Avverbio volgare</option>

<option value="preposizionevolgare">Preposizione volgare</option>

<option value="congiunzionevolgare">Congiunzione volgare</option>

<option value="interiezionevolgare">Interiezione volgare</option>

<option value="onomasticavolgare">Onomastica volgare</option>

<option value="citazionevolgare">Citazione volgare</option>

</optgroup>

<option value="verbo_latino_v">Verbo latino</option>

<option value="sostantivo_latino_s">Sostantivo latino</option>

<option value="aggettivo_latino_a">Aggettivo latino</option>

<option value="pronome_latino_p">Pronome latino</option>

<option value="avverbio_latino_r">Avverbio latino</option>

<option value="preposizione_latino_e">Preposizione latino</option>

<option value="congiunzione_latino_c">Congiunzione latino</option>

<option value="interiezione_latino_i">Interiezione latino</option>

<option value="enclitica_latino_9">Enclitica latino</option>

<option value="citazione_latino_zi">Citazione latino</option>

<option value="simbolo_latino_yy">Simbolo latino</option>

</optgroup>

</select>

</td>

<td>

<a href="javascript:popupCategoria('2');" title="Configurazione categoria"><small>Categoria</small></a>

</td>

<td>

</td>

</tr>

<option value="forma">Forma</option>

<option value="lemma">Lemma</option>

</select>

</td>

<td>

</td>

<td>

<option value="parola" onclick="">Parola</option>

<option value="sottostringa" onclick="">Sottostringa</option>

<option value="prefisso" onclick="">Prefisso</option>

<option value="suffisso" onclick="">Suffisso</option>

<option value="espressione" onclick="">Espressione regolare</option>

<option value="occorrenze" onclick="">Tutte le occorrenze</option>

</select>

</td>

<option value="all">Tutte le categorie</option>

<option value="verbovolgare">Verbo volgare</option>

<option value="sostantivovolgare">Sostantivo volgare</option>

<option value="aggettivovolgare">Aggettivo volgare</option>

<option value="pronomevolgare">Pronome volgare</option>

<option value="articolovolgare">Articolo volgare</option>

<option value="avverbiovolgare">Avverbio volgare</option>

<option value="preposizionevolgare">Preposizione volgare</option>

<option value="congiunzionevolgare">Congiunzione volgare</option>

<option value="interiezionevolgare">Interiezione volgare</option>

<option value="onomasticavolgare">Onomastica volgare</option>

<option value="citazionevolgare">Citazione volgare</option>

</optgroup>

<option value="verbo_latino_v">Verbo latino</option>

<option value="sostantivo_latino_s">Sostantivo latino</option>

<option value="aggettivo_latino_a">Aggettivo latino</option>

<option value="pronome_latino_p">Pronome latino</option>

<option value="avverbio_latino_r">Avverbio latino</option>

<option value="preposizione_latino_e">Preposizione latino</option>

<option value="congiunzione_latino_c">Congiunzione latino</option>

<option value="interiezione_latino_i">Interiezione latino</option>

<option value="enclitica_latino_9">Enclitica latino</option>

<option value="citazione_latino_zi">Citazione latino</option>

<option value="simbolo_latino_yy">Simbolo latino</option>

</optgroup>

</select>

</td>

<td>

<a href="javascript:popupCategoria('3');" title="Configurazione categoria"><small>Categoria</small></a>

</td>

<td>

</td>

</tr>

<option value="forma">Forma</option>

<option value="lemma">Lemma</option>

</select>

</td>

<td>

</td>

<td>

<option value="parola" onclick="">Parola</option>

<option value="sottostringa" onclick="">Sottostringa</option>

<option value="prefisso" onclick="">Prefisso</option>

<option value="suffisso" onclick="">Suffisso</option>

<option value="espressione" onclick="">Espressione regolare</option>

<option value="occorrenze" onclick="">Tutte le occorrenze</option>

</select>

</td>

<option value="all">Tutte le categorie</option>

<option value="verbovolgare">Verbo volgare</option>

<option value="sostantivovolgare">Sostantivo volgare</option>

<option value="aggettivovolgare">Aggettivo volgare</option>

<option value="pronomevolgare">Pronome volgare</option>

<option value="articolovolgare">Articolo volgare</option>

<option value="avverbiovolgare">Avverbio volgare</option>

<option value="preposizionevolgare">Preposizione volgare</option>

<option value="congiunzionevolgare">Congiunzione volgare</option>

<option value="interiezionevolgare">Interiezione volgare</option>

<option value="onomasticavolgare">Onomastica volgare</option>

<option value="citazionevolgare">Citazione volgare</option>

</optgroup>

<option value="verbo_latino_v">Verbo latino</option>

<option value="sostantivo_latino_s">Sostantivo latino</option>

<option value="aggettivo_latino_a">Aggettivo latino</option>

<option value="pronome_latino_p">Pronome latino</option>

<option value="avverbio_latino_r">Avverbio latino</option>

<option value="preposizione_latino_e">Preposizione latino</option>

<option value="congiunzione_latino_c">Congiunzione latino</option>

<option value="interiezione_latino_i">Interiezione latino</option>

<option value="enclitica_latino_9">Enclitica latino</option>

<option value="citazione_latino_zi">Citazione latino</option>

<option value="simbolo_latino_yy">Simbolo latino</option>

</optgroup>

</select>

</td>

<td>

<a href="javascript:popupCategoria('4');" title="Configurazione categoria"><small>Categoria</small></a>

</td>

<td>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<label>

Cerca in:

</select>

</label>

</td>

Distanza:

</select>

<label><input type="checkbox" name="inorder">In ordine</label>

</span>

</td>

<td>

</td>

</tr>

</tbody></table>

</form>`)

myauthHeaders = new Headers({"Authorization": `Basic ${base64.encode(`hdnteam:yN81rZgFxrapkirBEPs`)}`});

data=fetch(`https://hdnlab1.isti.cnr.it/fuseki/prima_cantica_init/sparql?query=${encodeURIComponent(sparql)}`, {headers: myauthHeaders}).then(response => {

if (!response.ok) throw new Error(response.status);

return response.json();

})

data1=data.results.bindings

data2= data1.map(x => Object.assign({},{iri:x.Verbo.value,rappresentazione:x.Rappresentazione.value,funzione:x.Funzione.value,occorrenza:x.occ.value,}))

table(

data2,

{

nully: () => '<span style="color: red">No data</span>',

limit: 500,

enableFilter: false,

enableCSVDownload: true,

columns: [{

key: 'iri',

rappresentazione: 'rappresentazione',

render: val => `<a href="${val}" target="_blank">${val}</a>`

'rappresentazione',

'funzione',

'occorrenza'

]

}

)

import { table } from "@gampleman/table"

import {Button, Checkbox, Toggle, Radio, Range, Select, Text, Textarea, Search, Table} from "@observablehq/inputs"

data21=(await FileAttachment("categorie.json").text())

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.

Learn more