D3graph
#############

.. tip::
	`Read the Medium blog for more details about creating beautiful stand-alone interactive D3 charts with Python. <https://erdogant.medium.com/>`_

.. note::
	This page contains a summary of the possiblities what you can do with D3graph. More details can be found on the `D3graph documentation pages <https://erdogant.github.io/d3graph>`_.

-------------------------


.. automethod:: d3blocks.d3blocks.D3Blocks.d3graph



Input Data
************

The input dataset is a DataFrame with three column, source, target and weight.

.. code:: python

	#                      source            target   weight
	# 0      Agricultural 'waste'    Bio-conversion  124.729
	# 1            Bio-conversion            Liquid    0.597
	# 2            Bio-conversion            Losses   26.862
	# 3            Bio-conversion             Solid  280.322
	# 4            Bio-conversion               Gas   81.144
	# ..                      ...               ...      ...
	# 63       Thermal generation  District heating   79.329
	# 64                    Tidal  Electricity grid    9.452
	# 65  UK land based bioenergy    Bio-conversion  182.010
	# 66                     Wave  Electricity grid   19.013
	# 67                     Wind  Electricity grid  289.366

	# [68 rows x 3 columns]

Charts
************

Default
'''''''' 

.. raw:: html

   <iframe src="https://erdogant.github.io\docs\d3blocks\d3graph_example1.html" height="700px" width="700px", frameBorder="0"></iframe>



Social Media Example
''''''''''''''''''''''''

.. code:: python

    from d3blocks import D3Blocks
    
    # Initialize
    d3 = D3Blocks()
    
    # Load example data
    df = d3.import_example('socialmedia')
    # Slice first 10000 rows
    df = df[0:10000]
    
    # Create network using default
    d3.d3graph(df, filepath='d3graph.html', showfig=False)
    
    d3.d3graph(df, 
               density_grid_size=60,
               density_blur=10,
               density_opacity=0.6,
               dark_mode=True,
               show_density=True,
               filepath=r'd3graph_socialmedia.html',
               )

Interactive example:

`View the social media network visualization <https://erdogant.github.io/docs/d3blocks/d3graph_socialmedia.html>`_

.. raw:: html

   <iframe src="https://erdogant.github.io\docs\d3blocks\d3graph_socialmedia.html" height="700px" width="700px", frameBorder="0"></iframe>


.. include:: add_bottom.add