dash_bio_molecule2dviewer Examples and Reference

using Dash, DashBio
using StringEncodings, HTTP, JSON

req = HTTP.request("GET", "https://git.io/mol2d_buckminsterfullerene.json")
data = decode(req.body, "UTF-8")

model_data = JSON.parse(data)

external_stylesheets = ["https://codepen.io/chriddyp/pen/bWLwgP.css"]

app = dash(external_stylesheets=external_stylesheets)

app.layout = html_div([
    dashbio_molecule2dviewer(
        id="dashbio-default-molecule2d",
        modelData=model_data
    ),
    html_hr(),
    html_div(id="molecule2d-default-output")
])

callback!(app,
    Output("molecule2d-default-output", "children"),
    [Input("dashbio-default-molecule2d", "selectedAtomIds")]
) do ids
    if ids isa Nothing || length(ids) == 0
        return "No atom has been selected. Select atoms by clicking on them."
    end
    return "Selected atom IDs: $(join([string(i) for i in ids],","))"
end

run_server(app, "0.0.0.0", debug=true)

using Dash, DashBio
using StringEncodings, HTTP, JSON

req = HTTP.request("GET", "https://git.io/mol2d_buckminsterfullerene.json")
data = decode(req.body, "UTF-8")

model_data = JSON.parse(data)

app = dash()

app.layout = dashbio_molecule2dviewer(
    id="molecule2d-selectedatomids",
    modelData=model_data,
    selectedAtomIds=(range(1, length = 10))
)

run_server(app, "0.0.0.0", debug=true)

using Dash, DashBio
using StringEncodings, HTTP, JSON

req = HTTP.request("GET", "https://git.io/mol2d_buckminsterfullerene.json")
data = decode(req.body, "UTF-8")

model_data = JSON.parse(data)

app = dash()

for atom in model_data["nodes"]
    atom["atom"] = "N"
end
for bond in model_data["links"]
    bond["distance"] = 50.0
    bond["strength"] = 0.5
end
app.layout = dashbio_molecule2dviewer(
    id="molecule2d-modeldata",
    modelData=model_data
)

run_server(app, "0.0.0.0", debug=true)

Molecule2dViewer Properties