Exon not displayed

[Ahmad-Abdou]

Hello!
I've been stuck on this for days, I am just a developer and not an expert in bioinformatics however, in this code, I was trying to read the GFF file with its corresponding TBI, the gene is displayed correctly, but it does not display other than the gene (example exon), the examples I saw in Gosling support bed format and I am using GFF, so I am not sure if this could be the problem.
this is template

`const gene_template = {
"spacing": 0,
"layout": "linear",
"assembly": [["", 4641652]],
"style": { "enableSmoothPath": true },
"views": [
{
"id": "canvas0",
"xDomain": { "chromosome": "", "interval": [0, 1000000] },
"alignment": "overlay",
"data": {
"url": "",
"indexUrl": "",
"type": "gff",
"attributesToFields": [
{ "attribute": "gene_biotype", "defaultValue": "unknown" },
{ "attribute": "Name", "defaultValue": "unknown" },
{ "attribute": "ID", "defaultValue": "unknown" }
]
},
"tracks": [
{
"dataTransform": [
{"type": "filter", "field": "type", "oneOf": ["exon"]}
],
"mark": "rect",
"x": {"field": "start", "type": "genomic", "axis": "top"},
"size": {"value": 20},
"xe": {"field": "end", "type": "genomic"},
"color": {
"field": "strand",
"type": "nominal",
"domain": ["+", "-"],
"range": ["#0000FF", "#FF0000"],
"style": { "zIndex": 10000 }
}
},
{
"dataTransform": [
{"type": "filter", "field": "type", "oneOf": ["gene"]},
{"type": "filter", "field": "strand", "oneOf": ["+"]}
],
"mark": "triangleRight",
"x": { "field": "end", "type": "genomic", "axis": "top" },
"size": { "value": 15 },
},
{
"mark": "text",
"text": { "field": "ID", "type": "nominal" },
"x": { "field": "start", "type": "genomic" },
"xe": { "field": "end", "type": "genomic" },
"color": { "value": "#000000" },
"style": { "dy": -15 }
},
{
"dataTransform": [
{"type": "filter", "field": "type", "oneOf": ["gene"]},
{"type": "filter", "field": "strand", "oneOf": ["-"]}
],
"mark": "triangleLeft",
"x": { "field": "start", "type": "genomic" },
"size": { "value": 15 },
"style": { "align": "right" },
},
{
"dataTransform": [
{"type": "filter", "field": "type", "oneOf": ["gene"]}
],
"mark": "rule",
"x": {"field": "start", "type": "genomic", "axis": "top"},
"strokeWidth": {"value": 3},
"xe": {"field": "end", "type": "genomic"}
}
],
"width": 800,
"height": 80
}
]
};

export { gene_template };`

[sehilyi]

Hi @Ahmad-Abdou!

I wonder If the exon information is stored under the "child_features". Gosling currently does not parse such information, so that might be the reason why exons are not displayed. I imagine such information can be additionally parsed somewhere in this function.

gosling.js/src/data-fetchers/gff/gff-worker.ts

Line 183 in 22b3caf

function parsedLinesToTiles(parsed: (GFF3Feature | GFF3Sequence)[]): GffTile[] {