Any good graph library?

Woody88

Are there any elixir graph Library? Can’t seem to find any so I was thinking of maybe implementating a small library using plotly.js and electron. I wanted to use wxWidget but people don’t seem to favor it.

Can anyone tell me if there are any existing library? If not, what do you think of I’m suggestion about implementing it with poorly.js and electron?

Thanks all!

4 comments

#graphs

0 2417 4

2017-07-24 07:21:53 UTC

First Post!

Show Best Posts
Show All Posts (oldest first)
Show All Posts (newest first)

NobbZ

Except for erlangs :wx application there is currently nothing usable for a desktop application AFAIK.

But if you want to go for the web, you can pick whichever JavaScript framework you want and use tiny or any other JSON library to get the data to submit.

Post #1

Most Liked

kokolegorille

Phoenix socket javascript has been extracted from Phoenix here and thus can be used outside of framework… in an Electron application for example, or Swift, or React Native.

If you want to go the API way, axios will allow You to query your API phoenix backend.

I have been using Electron apps w/ Phoenix without problem, connecting Electron apps to a Phoenix auth API to get a token first, and then using secured socket to transmit data.

Post #3

Woody88

Thanks a lot for the npm package. I think that I got everything setup but every time that my electron app tries to connect to my phx channel I get this error.

[error] Ranch protocol #PID<0.304.0> (:cowboy_protocol) of listener PhxPlotEx.Web.Endpoint.HTTP terminated
** (exit) exited in: Phoenix.Endpoint.CowboyWebSocket.resume()
    ** (EXIT) an exception was raised:
        ** (UndefinedFunctionError) function PhxPlotEx.PlotlyChannel.__socket__/1 is undefined (module PhxPlotEx.PlotlyChannel is not available)
            PhxPlotEx.PlotlyChannel.__socket__(:private)
            (phoenix) lib/phoenix/socket/transport.ex:237: Phoenix.Socket.Transport.build_channel_socket/4
            (phoenix) lib/phoenix/socket/transport.ex:242: Phoenix.Socket.Transport.do_dispatch/3
            (phoenix) lib/phoenix/transports/websocket.ex:123: Phoenix.Transports.WebSocket.ws_handle/3
            (phoenix) lib/phoenix/endpoint/cowboy_websocket.ex:77: Phoenix.Endpoint.CowboyWebSocket.websocket_handle/3
            (cowboy) /home/woodson/Dev/Elixir/phx_plot_ex/deps/cowboy/src/cowboy_websocket.erl:588: :cowboy_websocket.handler_call/7
            (phoenix) lib/phoenix/endpoint/cowboy_websocket.ex:49: Phoenix.Endpoint.CowboyWebSocket.resume/3
            (cowboy) /home/woodson/Dev/Elixir/phx_plot_ex/deps/cowboy/src/cowboy_protocol.erl:442: :cowboy_protocol.execute/4

This what my setup looks like

const Socket = require('phoenix-socket').Socket

let socket = new Socket("ws://localhost:4000/socket")
socket.connect()

let channel = socket.channel("plotly:lobby", {})
channel.join()
  .receive("ok", resp => { console.log("Joined successfully", resp) })
  .receive("error", resp => { console.log("Unable to join", resp) })

Got any idea on how I can solve this? I really don’t understand how the sockets work in the background so I do not know where or why it’s looking for function PhxPlotEx.PlotlyChannel.__socket__.

Edit: Dammit I figured it out. I forgot that I was using phx 1.3 so I was defining the channel as channel "plotly:*", PhxPlotEx.PlotlyChannel instead of channel "plotly:*", PhxPlotEx.Web.PlotlyChannel

Thanks again for the tip!!

Post #4