<div class=''>
    <div>
        <div id='full-width' style=' outline:1px solid black; width:100%'>
        </div>
    </div>
    <div>
    <div class='data-column'><a href='data/fake_users1.json'>data</a></div>

<script>
d3.json('data/brief-1.json', function(data) {
    data = MG.convert.date(data, 'date');
    console.log(d3.select('div#full-width').style('width'),'sdoifn');
    MG.data_graphic({
        title: "Linked Graphic",
        description: "The two graphics in this section are linked together. A rollover in one causes a rollover in the other.",
        data: data,
        linked: true,
        full_width: true,
        height: 200,
        right: 40,
        xax_count: 4,
        target: '#full-width'
    });
    console.log(d3.select('div#full-width svg').attr('width'));
});
</script>


<pre><code class='javascript'>d3.json('data/fake_users1.json', function(data) {
    data = MG.convert.date(data, 'date');
    MG.data_graphic({
        title: "Line Chart",
        description: "This is a simple line chart. You can remove the area portion by adding <i>area: false</i> to the arguments list.",
        data: data,
        width: 600,
        height: 200,
        right: 40,
        target: document.getElementById('fake_users1'),
        x_accessor: 'date',
        y_accessor: 'value'
    });
});</code>
</pre>

    </div>
</div>